<template>
  <div class="main">
    <govheader :title="title"></govheader>
    <govnavigation></govnavigation>
    <!-- <iframe src="http://10.30.22.80:8080" frameborder="0"></iframe> -->
    <baidu-map
      :center="center"
      :zoom="zoom"
      @ready="handler"
      style="height: 790px; width: 100%; position: absolute"
      @click="getClickInfo"
      :scroll-wheel-zoom="true"
    >
      <bm-map-type
        :map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']"
        anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
      ></bm-map-type>
    </baidu-map>
    <div
      style="
        width: 30%;
        position: absolute;
        left: 15px;
        z-index: 100;
        margin-top: 10px;
      "
      class="content-left"
    >
      <div class="left_baidu">
        <div
          v-if="parkCode === 'ZJYQ-330182-01'"
          class="goback"
          style="top: 45px; left: 880px"
          @click="gozhihui()"
        >
          智慧园区管理平台
        </div>
        <div class="goback" @click="goback()" style="top: 10px; left: 880px">
          园&nbsp;区&nbsp;管&nbsp;理
        </div>
        <div class="intrdouce">
          <div class="legend-body" @click="searchPark('企业@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/企业@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '企业@2x' ? 'selectButton' : ''"
            >
              企业
            </div>
          </div>
          <div class="legend-body" @click="searchPark('监控@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/监控@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '监控@2x' ? 'selectButton' : ''"
            >
              监控
            </div>
          </div>
          <div class="legend-body" @click="searchPark('鹰眼@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/鹰眼@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '鹰眼@2x' ? 'selectButton' : ''"
            >
              鹰眼
            </div>
          </div>
          <div class="legend-body" @click="searchPark('大气监测@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/大气监测@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '大气监测@2x' ? 'selectButton' : ''"
            >
              大气监测
            </div>
          </div>
          <div class="legend-body" @click="searchPark('水监测@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/水监测@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '水监测@2x' ? 'selectButton' : ''"
            >
              水监测
            </div>
          </div>
          <div class="legend-body" @click="searchPark('应急物资@2x')">
            <img
              class="legend-icon"
              src="@/assets/img/industry/zfParkOverviewDetailTwo/应急物资@2x.png"
              alt=""
              width="30px"
              height="30px"
            />
            <div
              class="legend-title"
              :class="selectLegend === '应急物资@2x' ? 'selectButton' : ''"
            >
              应急物资仓库
            </div>
          </div>
        </div>
      </div>
      <el-col class="box">
        <div class="title"><p>园区整体情况</p></div>
        <div class="content-body">
          <el-col :span="12">
            <div class="leftTop">
              <div>-</div>
              <div>园区指数</div>
            </div>
            <div
              style="
                position: absolute;
                color: #00e4ff;
                margin-top: 10px;
                font-size: 12px;
              "
            >
              此页面经济相关数据来源时间：{{ dataTime }}年
            </div>
          </el-col>
          <el-col :span="12">
            <el-row type="flex" justify="space-around" class="rightTop">
              <el-col
                :span="11"
                class="rightTopBox"
                style="z-index: 999; cursor: pointer"
              >
                <div @click="onclick('园区企业数', 1)" >园区企业数</div>
                <div  @click="onclick('园区企业数', 1)">{{ integrity.entCount }}</div>
              </el-col>
              <el-col :span="11" class="rightTopBox" style="cursor: pointer">
                <div @click="onclick('规上企业数', 2)">规上企业数</div>
                <div @click="onclick('规上企业数', 2)">{{ integrity.standEntCount }}</div>
              </el-col>
            </el-row>
            <el-row type="flex" justify="space-around" class="rightTop">
              <el-col :span="11" class="rightTopBox">
                <div>营收(亿元)</div>
                <div>{{ integrity.parkMainIncome }}</div>
              </el-col>
              <el-col :span="11" class="rightTopBox">
                <div>税收(亿元)</div>
                <div>{{ integrity.parkActualTax }}</div>
              </el-col>
            </el-row>
            <el-row
              type="flex"
              justify="space-around"
              class="rightTop"

            >
              <el-col :span="11" class="rightTopBox" style="cursor: pointer">
                <div @click="onclick('占地面积(km2)', 3)">占地面积(km2)</div>
                <div  @click="onclick('占地面积(km2)', 3)" >{{ integrity.parkArea }}</div>
              </el-col>
              <el-col :span="11" class="rightTopBox">
                <div>风险等级</div>
                <div>{{ integrity.assessmentLevel }}</div>
              </el-col>
            </el-row>
          </el-col>
        </div>
      </el-col>
      <el-col class="box">
        <div class="title"><p>园区环保概览</p></div>
        <div class="content-body">
          <div class="tabs">
                     <div
              :class="active === 3 ? 'selectActive' : ''"
              @click="activeClick(3, 'active')"
            >

              废气超标时长
            </div>
                     <div
              :class="active === 2 ? 'selectActive' : ''"
              @click="activeClick(2, 'active')"
            >
              废水超标时长
            </div>
                        <div
              :class="active === 1 ? 'selectActive' : ''"
              @click="activeClick(1, 'active')"
            >
              水环境质量
            </div>

            <div
              :class="active === 0 ? 'selectActive' : ''"
              @click="activeClick(0, 'active')"
            >
              空气质量指数
            </div>

          </div>
          <div id="qualitydata" style="width: 100%">
            <div
              id="quality"
              style="width: 100%; height: 185px"
              v-show="active === 0"
            ></div>
          </div>
          <div style="width: 100%" id="qualitydata2">
            <div
              id="quality2"
              v-show="active === 1"
              style="width: 100%; height: 185px"
            >
              <div
                style="
                  width: 45%;
                  height: 100%;
                  float: left;
                  position: relative;
                "
              >
                <p class="p2">
                  <span>
                    <span>{{ standard.level }}</span>
                  </span>
                </p>
                <div class="box3"></div>
                <div class="p1">
                  <div class="p4"></div>
                  <img
                    src="@/assets/img/industry/zfParkOverviewDetailtwin/duration.png"
                    alt=""
                  />
                  当日水质: <i>{{ standard.standard }}</i>
                </div>
              </div>
              <div
                style="
                  width: 55%;
                  height: 100%;
                  float: left;
                  position: relative;
                "
                class="singleTable"
              >
                <el-table
                  ref="singleTable"
                  :data="tableData"
                  highlight-current-row
                  @current-change="handleCurrentChange"
                  :row-class-name="tableRowClassName2"
                  height="180"
                  style="width: 100%"
                >
                  <el-table-column type="index" label="序号" width="45">
                  </el-table-column>
                  <el-table-column property="name" label="水质指标">
                  </el-table-column>
                  <el-table-column property="date" label="日均值">
                  </el-table-column>
                </el-table>
              </div>
            </div>
          </div>
          <div style="width: 100%" id="qualitydata3">
            <div
              id="quality3"
              v-show="active === 2"
              style="width: 100%; height: 185px"
            ></div>
          </div>
          <div style="width: 100%" id="qualitydata4">
            <div
              id="quality4"
              v-show="active === 3"
              style="width: 100%; height: 185px"
            ></div>
          </div>
        </div>
      </el-col>
      <el-col class="box">
        <div class="title"><p>园区能源概览</p></div>
        <div class="content-body">
          <div id="tableColor" style="width: 100%; height: 200px">
            <div
              style="width: 40%; height: 100%; float: left"
              id="tableColor1"
            ></div>
            <div
              style="width: 60%; height: 100%; position: relative; float: left"
            >
              <div class="tabs" style="margin-bottom: 0px">
                <div class="tabsmap" style="color:'52CCFF',font-size:'14'">
                  | 能源消耗对比
                </div>
                <div
                  :class="active1 === 1 ? 'selectActive' : ''"
                  @click="activeClick(1, 'active1')"
                >
                  年度
                </div>
                <div
                  :class="active1 === 0 ? 'selectActive' : ''"
                  @click="activeClick(0, 'active1')"
                >
                  月度
                </div>

              </div>
              <div
                class="tabs2"
                style="z-index: 999;cursor: pointer"
                @click.stop="onclick1('能源消耗对比')"
              >
                查看更多
              </div>
              <div
                style="width: 100%; height: 80%; float: left"
                id="tableColorstr"
              ></div>
            </div>
          </div>
        </div>
      </el-col>
    </div>
    <div
      class="content-center"
      style="
        width: 30%;
        position: absolute;
        right: 15px;
        z-index: 100;
        margin-top: 10px;
      "
    >
      <el-row>
        <el-col class="box">
          <div class="title"><p>园区安全概览</p></div>
          <div class="content-body">
            <div style="width: 100%; float: left; position: relative">
              <el-row type="flex" justify="space-around" class="rightTop2">
                <el-col :span="6" class="rightTopBox" style="cursor: pointer">
                  <div @click="onclick('重点监管危化品', 4, parkSafe.dangerHazardousChemicals)">
                    重点监管危化品
                  </div >
                  <div  @click="onclick('重点监管危化品', 4, parkSafe.dangerHazardousChemicals)">{{ parkSafe.dangerHazardousChemicals.length }}</div>
                </el-col>
                <el-col :span="9" class="rightTopBox" style="cursor: pointer">
                  <div @click="onclick('重点监管危险化工工艺', 5, parkSafe.dangerTechnologyCount)">
                    重点监管危险化工工艺
                  </div>
                  <div @click="onclick('重点监管危险化工工艺', 5, parkSafe.dangerTechnologyCount)">{{ parkSafe.dangerTechnologyCount.length }}</div>
                </el-col>
                <el-col :span="6" class="rightTopBox" style="cursor: pointer">
                  <div @click="onclick('重大危险源', 6,parkSafe.dangerSource)">重大危险源</div>
                  <div  @click="onclick('重大危险源', 6,parkSafe.dangerSource)">{{ parkSafe.dangerSource.length }}</div>
                </el-col>
              </el-row>
              <div
                id="distribution"
                style="width: 100%; height: 120px; z-index: 100"
              ></div>
            </div>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col class="box">
          <div class="title"><p>园区应急概览</p></div>
          <div class="content-body">
            <div style="width: 100%; float: left; position: relative">
              <div
                id="workmanship1"
                style="
                  width: 100%;
                  overflow: hidden;
                  height: 221px;
                  z-index: 100;
                "
              >
                <div>
                  <div

                    class="xaiobox2"

                  >
                    <div   style="cursor: pointer" @click="onclick('应急专家', 7,parkEmergency.expertList)">
                      <p>{{ parkEmergency.expertCount }}</p>
                      <p >应急专家</p>
                    </div>
                  </div>
                  <div class="xaiobox1" >
                    <div   style="cursor: pointer" @click="onclick('应急物资', 8,parkEmergency.emergencyList)">
                      <p>{{ parkEmergency.emergencyCount }}</p>
                      <p>应急物资</p>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="xiaobox4" >
                    <div   style="cursor: pointer" @click="onclick('救援队伍', 9,parkEmergency.teamList)">
                      <p>{{ parkEmergency.emergencyTeam }}</p>
                      <p>救援队伍</p>
                    </div>
                  </div>
                  <div class="xiaobox3" >
                    <div   style="cursor: pointer" @click="onclick('应急车辆', 10,parkEmergency.emergencyCarList)">
                      <p>{{ parkEmergency.emergencyCar }}</p>
                      <p>应急车辆</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="24">
        <el-col :span="24">
          <el-col class="box box1">
            <div class="title title1"><p>园区封闭概览</p></div>
            <div class="content-body" style="margin-top: 5px; height: 210px">
              <div class="protectionOverview">
                <div></div>
                <div>
                  <i class="i">{{ parkClose.todayCar }}</i>
                  <p>
                    当日车流量
                    <i
                      :class="parkClose.todayCarPer ? 'el-top' : 'el-bottom'"
                    ></i>
                    <span>{{ parkClose.todayCarPer }}%</span>
                  </p>
                </div>
                <div>
                  <i class="i">{{ parkClose.todayPerson }}</i>
                  <p>
                    当日人流量
                    <i
                      :class="parkClose.todayPersonPer ? 'el-top' : 'el-bottom'"
                    ></i>
                    <span>{{ parkClose.todayPersonPer }}% </span>
                  </p>
                </div>
              </div>
              <div
                id="ParkEnvironmentalProtectionOvervieW"
                style="width: 100%; height: 80%"
              ></div>
            </div>
          </el-col>
        </el-col>
      </el-row>
    </div>
    <el-dialog
       @close="handleDialogClose"
      :customClass="setsdatalist.length > 3 ? 'customWidth' : 'customWidth1'"
      :title="tTitle"
      :visible.sync="dialogTableVisible"
    >
      <div
        class="tabs"
        style="float: left !important"
        v-if="lsname === 'setdata11'"
      >
        <div
          style="float: left"
          :class="active2 === 0 ? 'selectActive' : ''"
          @click="activeClick(0, 'active2')"
        >
          月度
        </div>
        <div
          style="float: left"
          :class="active2 === 1 ? 'selectActive' : ''"
          @click="activeClick(1, 'active2')"
        >
          年度
        </div>
      </div>
      <el-table
        ref="table1"
        :data="gridData"
        id="table1"
        :row-class-name="tableRowClassName"
        :height="setsdatalist.length > 3 ? '500' : '300'"
      >
      <el-table-column type="index" label="序号" width="45">
       </el-table-column>
        <el-table-column
          v-for="(item, index) in setsdatalist"
          :key="index"
          :label="item.name"
          align="center"
          :property="item.age"
           :show-overflow-tooltip="true"
        ></el-table-column>
      </el-table>
    </el-dialog>
        <el-dialog
        @close="handleDialogClose3"
         customClass="customWidth"
       :title="tTitle"
       :visible.sync="dialogTableVisible2"
    >
      <div
        class="tabs"
        style="float: left !important"
      >
        <div
          style="float: left"
          :class="active2 === 0 ? 'selectActive' : ''"
          @click="activeClick(0, 'active2')"
        >
          月度
        </div>
        <div
          style="float: left"
          :class="active2 === 1 ? 'selectActive' : ''"
          @click="activeClick(1, 'active2')"
        >
          年度
        </div>
            <div class="tabsmap2"
                >
                 单位: 吨标煤
          </div>
          <div class="tabsmap2"
                >
                数据年份:{{Datayear}}
          </div>

      </div>
         <el-table
        ref="table2"
        :data="yearAddedValuedata"
        id="table2"
        :row-class-name="tableRowClassName"
        height='500'
        v-show="active2===0"
      >
      <el-table-column type="index" label="序号" width="45">
       </el-table-column>
        <el-table-column
          v-for="(item, index) in yearAddedValuetitle"
          :key="index"
          :label="item.name=='企业名称'?item.name:item.name+'月'"
          align="center"
          :property="item.age"
          :width="item.name=='企业名称'?'':'80'"
         :show-overflow-tooltip="true"
        ></el-table-column>
      </el-table>
        <el-table
        ref="table3"
        v-show="active2===1"
        :data="dayParkAirQualitydata"
        id="table3"
        :row-class-name="tableRowClassName"
        height='500'
      >
      <el-table-column type="index" label="序号" width="45">
       </el-table-column>
        <el-table-column
          v-for="(item, index) in dayParkAirQualitytitle"
          :key="index"
          :label="item.name=='企业名称'?item.name:item.name+'年'"
          align="center"
          :property="item.age"
         :show-overflow-tooltip="true"
        ></el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>
<script>
import BaiduMap from 'vue-baidu-map'
import Vue from 'vue'
import govheader from '@/components/govheader2'
import govnavigation from '@/components/govnavigation2'
import 'echarts-gl'
const echarts = require('echarts')
Vue.use(BaiduMap, {
  ak: 'vZi9dnlQaFQ3LYO8yOdeHjaGjwGWGHy4'
})
export default {
  name: 'zfParkOverviewDetailtwin',
  components: { govheader, govnavigation },
  data () {
    return {
      Active: '',
      parkName: '',
      parkCode: '',
      year: '',
      indexData: '',
      title: '',
      integrity: {
        parkIndex: '', // 园区指数
        entCount: '', // 园区企业数
        standEntCount: '', // 规上企业数
        parkMainIncome: '', // 营收
        parkActualTax: '', // 税收
        parkArea: '', // 占地面积
        assessmentLevel: '' // 风险等级
      },
      colorList: [
        'rgb(5,148,239)',
        'rgb(5,119,234)',
        'rgb(101,206,153)',
        'rgb(243,242,134)',
        'rgb(255,203,91)',
        'rgb(183,74,237)'
      ],
      colorList11: [
        'rgba(5,148,239,.5)',
        'rgba(5,119,234,.5)',
        'rgba(101,206,153,.5)',
        'rgba(243,242,134,.5)',
        'rgba(255,203,91,.5)',
        'rgba(183,74,237,.5)'
      ],
      colorList1: [
        'rgb(109,104,255)',
        'rgb(0,239,254)',
        'rgb(68,215,182)',
        'rgb(255,166,0)',
        'rgb(152,123,255)',
        'rgb(118,190,204)'
      ],
      colorList2: [
        'rgb(4,32,245)',
        'rgb(0,96,255)',
        'rgb(109,212,0)',
        'rgb(254,219,101)',
        'rgb(163,10,235)',
        'rgb(0,135,146)'
      ],
      optionData2: [],
      optionData3: [],
      optionData4: [],
      jiankuohao: '<',
      eagleEyeUrl: '',
      industryName: '',
      entCount: '',
      overviewArr: [],
      active: 0,
      active1: 0,
      active2: 0,
      myChart1: '',
      option1: '',
      myChart2: '',
      coordinateGroup: [],
      option2: '',
      myChart3: '',
      option3: '',
      myChart4: '',
      option4: '',
      myChart5: '',
      option5: '',
      myChart6: '',
      option6: '',
      option6XData: [],
      option6minData: [],
      option6maxData: [],
      center: { lng: 119.501611, lat: 29.483372 },
      selectLegend: 'enterprise',
      enterpriseList: [],
      monitorList: [],
      eagleEyeList: [],
      airMonitoringList: [],
      waterMonitoringList: [],
      emergencySuppliesList: [],
      map: '',
      zoom: 12,
      yearList: '',
      dataTime: '2020',
      parkEnvironment: [],
      parkEnvironmentxList: [],
      parkEnvironmentyList: [],
      parkEnvironmentyMap: {
      },
      parkEnvironmentxList1: [],
      parkEnvironmentyList1: [],
      energyConsumer: [],
      energyType: [],
      tabsmap1: '',
      tabsmap2: '',
      parkSafe: {
        dangerHazardousChemicals: [],
        dangerTechnologyCount: [],
        dangerSource: []
      },
      dayList: [],
      y1List: [],
      parkClose: [],
      parkEmergency: {},
      tTitle: '',
      standard: {
        level: '',
        standard: '',
        time: '',
        permanganate: '',
        ammonian: '',
        totalAzote: ''
      },
      lsname: '',
      intervalId: '',
      table2intervalId: '',
      table3intervalId: '',
      setsdatalist: [],
      setdata1: [
        {
          name: '企业名称',
          age: 'entName'
        }

      ],
      setdata2: [
        {
          name: '企业名称',
          age: 'entName'
        }
      ],
      setdata3: [
        {
          name: '企业名称',
          age: 'entName'
        },
        {
          name: '企业占地面积(km2)',
          age: 'entArea'
        }
      ],
      setdata4: [
        {
          name: '企业名称',
          age: 'ent_name'
        },
        {
          name: '重点监管危化品名称',
          age: 'chemical_name'
        },
        {
          name: '最大储量(吨)',
          age: 'store_value'
        }
      ],
      setdata5: [
        {
          name: '企业名称',
          age: 'entName'
        },
        {
          name: '重点监管危化品化工工艺名称',
          age: 'typeName'
        }
      ],
      setdata6: [
        {
          name: '企业名称',
          age: 'entName'
        },
        {
          name: '重大危险源名称',
          age: 'dangerSource'
        },
        {
          name: '危险源等级',
          age: 'dangerLevel'
        },
        {
          name: '危险源分类',
          age: 'type'
        },
        {
          name: '危险源R值',
          age: 'rValu'
        }
      ],

      setdata7: [
        {
          name: '应急专家名称',
          age: 'name'
        },
        {
          name: '专业',
          age: 'professional'
        },
        {
          name: '企业名称',
          age: 'workUnit'
        }
      ],
      setdata8: [
        {
          name: '应急物资类型',
          age: 'typeName'
        },
        {
          name: '应急物资名称',
          age: 'materialName'
        },
        {
          name: '物资数量',
          age: 'materialQty'
        },
        {
          name: '企业名称',
          age: 'entName'
        }
      ],
      setdata9: [
        {
          name: '救援队伍名称',
          age: 'teamName'
        },
        {
          name: '救援区域',
          age: 'rescueArea'
        },
        {
          name: '队伍等级',
          age: 'teamGrade'
        },
        {
          name: '队伍类别',
          age: 'teamType'
        },
        {
          name: '人员总数',
          age: 'totalCount'
        }
      ],
      setdata10: [
        {
          name: '车辆类型',
          age: 'carType'
        },
        {
          name: '应急车辆数',
          age: 'carQty'
        }
      ],
      setdata11: [

      ],
      listxList: [],
      listyMap: [],
      pageNo: 1,
      page: 1,
      dayParkAirQuality: {
        data: [],
        title: []
      },
      yearAddedValue: {
        data: [],
        title: []
      },
      yearAddedValuetitle: [],
      yearAddedValuedata: [],
      yearAddedValuedata2: [],
      dayParkAirQualitytitle: [],
      dayParkAirQualitydata: [],
      dayParkAirQualitydata2: [],
      yeardata: [],
      dialogTableVisible: false,
      dialogTableVisible2: false,
      total_phosphorus: {
        level: 'Ⅴ类',
        standard: '已达标',
        permanganate: '0',
        ammonian: '1.6',
        totalAzote: '0.19',
        total_phosphorus: '0'
      },
      isindex: 0,
      gridData: [

      ],
      // tableData: [
      //   {
      //     date: '2016',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1518 弄'
      //   },
      //   {
      //     date: '2016',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1517 弄'
      //   },
      //   {
      //     date: '20161',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1519 弄'
      //   },
      //   {
      //     date: '20161',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1519 弄'
      //   },
      //   {
      //     date: '201603',
      //     name: '王小虎',
      //     address: '上海市普陀区金沙江路 1516 弄'
      //   }
      // ]
      tableData: [],
      Datayear: '',
      datasetInterval: null
    }
  },
  created () {
    this.parkName = this.$route.query.parkName
    this.parkCode = this.$route.query.parkCode
    this.year = this.$route.query.year
    this.center.lng = this.$route.query.longitude
    this.center.lat = this.$route.query.latitude
  },
  mounted () {
    this.$http
      .post(`/home/government/govParkOverview/getParkOverviewDetail`, {
        searchDate: this.year,
        parkName: this.parkName,
        parkCode: this.parkCode
      })
      .then(({ data: res }) => {
        this.parkEmergency = res.data.parkEmergency
        this.energyConsumer = res.data.parkEnergy.energyConsumer
        this.energyType = res.data.parkEnergy.energyType
        this.dataTime = res.data.year
        this.title = res.data.title
        this.parkClose = res.data.parkClose
        var monitorMap = {
          'waterMonitor': {
            'totalAzote': 0.100,
            'parkName': '宁波石化经济技术开发区',
            'totalPhosphorus': 0.000,
            'latitude': 30.046439,
            'parkCode': 'ZJYQ-330211-01',
            'permanganate': 3.300,
            'longitude': 121.619429,
            'ammonian': 0.420
          },
          'emergencySupplies': [
            {
              'materialTypeCode': '103',
              'parkName': '宁波石化经济技术开发区',
              'materialQty': 30.00,
              'latitude': 30.046439,
              'parkCode': 'ZJYQ-330211-01',
              'longitude': 121.619429,
              'materialTypeName': '能源动力保障'
            },
            {
              'materialTypeCode': '200',
              'parkName': '宁波石化经济技术开发区',
              'materialQty': 210.00,
              'latitude': 30.046439,
              'parkCode': 'ZJYQ-330211-01',
              'longitude': 121.619429,
              'materialTypeName': '人员安全防护'
            },
            {
              'materialTypeCode': '202',
              'parkName': '宁波石化经济技术开发区',
              'materialQty': 30.00,
              'latitude': 30.046439,
              'parkCode': 'ZJYQ-330211-01',
              'longitude': 121.619429,
              'materialTypeName': '紧急医疗救护'
            },
            {
              'materialTypeCode': '203',
              'parkName': '宁波石化经济技术开发区',
              'materialQty': 120.00,
              'latitude': 30.046439,
              'parkCode': 'ZJYQ-330211-01',
              'longitude': 121.619429,
              'materialTypeName': '人员庇护'
            }
          ],
          'atmosphereMonitor': {
            'no2': 54.000,
            'parkName': '宁波石化经济技术开发区',
            'pm25': 16.000,
            'o3': 32.000,
            'latitude': 30.046439,
            'so2': 10.000,
            'aqi': 54.000,
            'pm10': 16.000,
            'parkCode': 'ZJYQ-330211-01',
            'co': 20.000,
            'longitude': 121.619429
          },
          'ent': [
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '南通醋酸化工股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '危险化学品（按安监局设立批准书核定的范围和期限经营）、饲料添加剂的生产；生产、销售基本有机化工原料、医药中间体、染料及染料中间体、食品添加剂，经营本企业生产、科研所需的原辅材料、机械设备、仪器仪表、零配件，经营本企业自产产品及技术的出口业务；代理出口将本企业自行研制开发的技术转让给其他企业所生产的产品；经营本企业生产、科研所需的原辅材料、仪器仪表、机械设备、零配件及技术的进口业务；经营进料加工和“三来一补”业务；国内劳务派遣；饲料添加剂的销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '南通经济技术开发区江山路968号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '南通江山农药化工股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '化学农药、有机化学品、无机化学品、高分子聚合物、纳米材料、耐火绝热产品制造、加工、销售（国家有专项规定的办理审批手续后经营）。经营本企业自产产品及相关技术的出口业务；经营本企业生产、科研所需的原辅材料、机械设备、仪器仪表、零配件及相关技术的进口业务；经营本企业的进料加工和“三来一补”业务。化学技术咨询服务。工业盐的零售。在港区内从事货物装卸、仓储经营。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '南通市经济技术开发区江山路998号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '南通康华电子材料有限公司',
              'listed': 0,
              'latitude': 31.807530,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '电子材料科技领域内的技术咨询、技术转让、技术服务，电子产品销售，导电胶、助焊剂、甲基苯并三氮唑、苯并三氮唑、紫外光固化剂树脂、水处理剂制造、销售，本企业副产品芒硝销售，自营和代理一般经营项目商品和技术的进出口业务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '启东滨江精细化工园',
              'longitude': 121.493350,
              'keyMonitoring': 0
            },
            {
              'industryName': '基础化学原料制造',
              'entName': '南通艾德旺化工有限公司',
              'listed': 0,
              'latitude': 31.801480,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产销售化工产品[仅限四氯化锡、油酸镉、油酸钡、有机锡热稳定剂（仅限甲基硫醇锡、丁基硫醇锡、辛基硫醇锡）、塑料助剂、PVC加工助剂（仅限ACR丙烯酸树脂）、水滑石、丁基锡、二丁基二氯化锡、二丁基氧化锡、亚磷酸三苯酯、二丁基二（十二酸）锡、盐酸]。（（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C261',
              'bussinessAddress': '江苏省启东经济开发区滨江精细化工园区',
              'longitude': 121.496900,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '凡特鲁斯特种化学品(南通)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产吡啶、2-甲基吡啶、3-甲基吡啶、4-甲基吡啶、2，6-二甲基吡啶、3-甲基吡啶（回收）、食品添加剂；批发（不带仓储）第3类易燃液体（不得超范围经营危险化学品。不得经营剧毒化学品、成品油、一类易制毒品和监控化学品。经营场所未经批准的其他场所均不得存放危险化学品）。（在商务部门《批准证书》所核经营范围内凭许可证经营。）生产销售专项化学用品（在商务部门《批准证书》所核经营范围内经营，且涉及许可证经营的除外）；从事上述相关商品的进出品、批发、佣金代理（拍卖除外）；食品添加剂生产与销售。（（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '江苏省南通经济技术开发区盛开路9号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '三菱化学高分子材料(南通)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产丙烯酸清漆；批发（不带仓储）第3类易燃液体（不得超范围经营化学品。不得经营剧毒化学品、成品油、一类易制毒品和监控化学品。经营场所及未经批准的其他场所均不得存放危险化学品。）。（在商务部门《批准证书》所核经营范围内凭许可证经营）。生产销售聚甲基丙烯酸甲酯的相关产品，聚甲基丙烯酸甲酯(PMMA)树脂；从事上述产品的进出口、批发；相关技术开发和服务。（不涉及国营贸易管理商品，涉及配额、许可证管理商品的，按国家有关规定办理申请）（危险化学品除外）（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '江苏省南通经济技术开发区广州路6号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '三洋化成精细化学品(南通)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产丙烯酸酯聚合物类胶粘剂【1000吨/年】、聚氨酯树脂【1000吨/年】、盐酸（副产）【2350吨/年】（按安全生产许可证核定的许可范围和期限内经营）；批发第八类第2项碱性腐蚀品（以上品种可代存代储）。生产化学试剂和助剂、专项化学用品及其它专用化学产品；从事上述产品及原料的批发、进出口业务；提供相关技术服务。（不涉及国营贸易管理商品，涉及配额、许可证管理商品的，按国家有关规定办理申请。）（涉及许可经营的除外）（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '江苏省南通经济技术开发区新开南路7号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '三大雅精细化学品(南通)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产销售专用化学品（危险化学品除外）；危险化学品经营（按危险化学品经营许可证记载的许可范围、经营方式，在有效期限内经营）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '南通经济技术开发区新开南路5号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '农副食品加工业',
              'entName': '中谷碧陆(南通)新能源有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '加工销售食用植物油（半精炼）；生产菜籽粕[菜粕]；豆粕[大豆粕]；棉籽粕[棉粕]。研发蛋白饲料、中间产品；农产品、饲料、预包装食品兼散装食品的批发。（不涉及国营贸易管理商品，涉及配额、许可证管理商品的，按国家有关规定办理申请。）（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C13',
              'bussinessAddress': '江苏省南通经济技术开发区通盛南路8号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '浙江嘉化能源化工股份有限公司',
              'listed': 1,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '化学危险品的生产（范围详见《安全生产许可证》），危险化学品的经营（范围详见《危险化学品经营许可证》），移动式压力容器充装（凭有效许可证经营）。 发电服务，供热服务，实业投资，资产管理，经济信息咨询，化工原料及化工产品（不含危险品及易制毒化学品）的制造与销售，塑料制品、针纺织品、机械设备、自动化控制仪表、五金电器、钢材、机电设备、建筑材料、日化用品、日用百货、工业用脱盐水及其它工业用水、粉煤灰、煤渣、脱硫石膏的销售，经营进出口业务，气瓶检验，合同能源管理服务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴市乍浦滨海大道2288号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '帝人聚碳酸酯有限公司',
              'listed': 0,
              'latitude': 30.594181,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '聚碳酸酯树脂及其他树脂、塑料制品、化学品的生产销售（不含化学危险品和易制毒品）。',
              'industry': 'C2619',
              'bussinessAddress': '浙江省嘉兴市乍浦经济开发区雅山西路888号',
              'longitude': 121.061607,
              'keyMonitoring': 0
            },
            {
              'industryName': '纺织服装、服饰业',
              'entName': '浙江翔盛集团有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产：纺织面料、服装、针织品、涤纶丝；经营本企业自产产品的出口业务和本企业所需的机械设备、零配件、原辅材料的进口业务（但国家限定公司经营或禁止进出口的商品及技术除外）；建筑装修；本企业包括本企业控股的成员企业',
              'industry': 'C18',
              'bussinessAddress': '萧山区瓜沥镇党山工业园区内',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '嘉兴联合化学有限公司',
              'listed': 0,
              'latitude': 30.613485,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产销售：有机硅系列产品(化学危险品除外）；不带储存经营（票据贸易）：六甲基二硅氧烷、甲基三乙氧基硅烷、二甲基二乙氧基硅烷、烯丙基缩水甘油醚、四甲基二硅氧烷、二乙烯基四甲基二硅氧烷、八甲基环四硅氧烷、甲基三甲氧基硅烷（凭有效危险化学品经营许可证经营）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C2614',
              'bussinessAddress': '浙江省嘉兴市嘉兴港区外环西路',
              'longitude': 121.058035,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '乐天化学(嘉兴)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '一乙醇胺、二乙醇胺、三乙醇胺、粗三乙醇胺、甲氧基聚乙二醇、聚乙二醇、丙烯基聚乙二醇、异丁烯基聚乙二醇、异戊烯基聚乙二醇、二乙醇单异丙醇胺、聚丙烯塑料发泡材料的制造销售，上述产品的技术咨询服务、企业管理服务。（上述经营范围不含国家规定禁止、限制外商投资的项目。）（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴港区平海路301号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '浙江鹏莱制冷剂有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '氯二氟甲烷的生产、储存（凭危险化学品生产、储存批准证书经营）。 四氟乙烷（R134a）、制冷剂的生产、加工（涉及危险化学品的凭有效危化品生产、储存批准证书经营，法律法规限制、禁止的除外）；燃料油（除危险化学品及成品油）、有色金属的批发；钢瓶、铁罐进出口业务。',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴港区嘉兴综合保税区内综创路208号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '浙江赛铬能源有限公司',
              'listed': 0,
              'latitude': 30.598939,
              'hzEnterpeies': 1,
              'standardsized': 0,
              'businessScope': '一般项目：石油制品销售（不含危险化学品）；合成材料销售(除依法须经批准的项目外，凭营业执照依法自主开展经营活动)。许可项目：危险化学品生产；危险化学品经营(依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以审批结果为准)。',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴市港区雅山西路988号',
              'longitude': 121.058095,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '嘉兴金燕化工有限公司',
              'listed': 0,
              'latitude': 30.596578,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '一乙醇胺、二乙醇胺、三乙醇胺、丙烯酸羟乙酯、丙烯酸羟丙酯、N-甲基单乙醇胺、N-甲基二乙醇胺和N.N-二甲基乙醇胺和一异丙醇胺、二异丙醇胺和三异丙醇胺的生产销售，化工产品（除危险化学品及易制毒化学品）的销售。',
              'industry': 'C26',
              'bussinessAddress': '嘉兴港区外环西路555号',
              'longitude': 121.121415,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '嘉兴市泛成化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产销售（储存）：三氯化磷2.5万吨/年、三氯硫磷1.5万吨/年（凭有效安全生产许可证经营） 销售：化工产品及化工原料（除危险化学品）',
              'industry': 'C2614',
              'bussinessAddress': '嘉兴市乍浦经济开发区中山西路1幢101室',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '嘉兴市港区艾格菲化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '硫酸镁的生产、加工、技术转让；化工产品（除危险化学品）的销售，从事各类商品及技术的进出口业务。',
              'industry': 'C2619',
              'bussinessAddress': '嘉兴市乍浦经济开发区中山西路',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '纺织业',
              'entName': '浙江多凌线带科技股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产、加工、销售：纱线、织带、绳带、粘扣带、松紧、布带、布、拉链及其压铸件，上述产品的印染,从事经营进出口业务（国家法律法规禁止、限制的除外）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C17',
              'bussinessAddress': '嘉兴港区经一路318号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '无机酸制造',
              'entName': '嘉兴市金利化工有限责任公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产：对甲苯磺酰氯（粗品）、苯磺酰氯、苯磺酰肼、氯胺-T、氯胺-B、对甲苯磺酰肼、对甲苯磺酸甲酯（乙酯）、N,N-二乙基羟胺、30%盐酸（副产）、25%硫酸（副产）、甲醇（回收）。(凭有效安全生产许可证经营）； N-丁基苯磺酰胺、N-乙基邻/对甲苯磺酰胺、邻、对甲苯磺酰胺、对甲苯磺酰胺、苯磺酰胺、聚醋酸乙烯乳胶、对羟基苯甲醛、复配发泡剂、对甲苯亚磺酸锌、苯亚磺酸锌、对甲苯磺酰氨基脲、对甲苯亚磺酸钠、苯亚磺酸钠、N-甲基-2-甲基-5-甲氧基-4-氨基苯磺酰胺、氯化钠（副产）、硫酸钠（副产）、氯化铵盐（副产）、2-氨基乙磺酸（牛磺酸）的生产；道路货物运输。（依法须经批准的项目，经相关部门批准后方',
              'industry': 'C2611',
              'bussinessAddress': '浙江省嘉兴市港区滨海大道南侧、平海路东侧',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '煤炭加工',
              'entName': '浙江美福石油化工有限责任公司',
              'listed': 0,
              'latitude': 30.600865,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产销售：丙烯、丙烷、液化石油气、硫磺、甲基叔丁基醚、混合芳烃（芳烃抽提装置）【苯11%、甲苯38%、二甲苯异构体混合物（混合二甲苯）26%】、苯、甲苯、二甲苯异构体混合物（混合二甲苯）、抽余油（己烷42%、辛烷23%、庚烷30%）、氢气、混合碳四（异丁烷38%、异丁烯21%、1-丁烯14%、正丁烷11%）（中间产品）、干气（氢气35%、甲烷25%、氮气14%）（中间产品）、粗石脑油（中间产品）、蒸汽、沥青、热传导液、硫酸铵；不带储存经营（票据贸易）：丙烯、甲基叔丁基醚；自产产品及技术的咨询服务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C252',
              'bussinessAddress': '浙江省嘉兴市乍浦镇东方大道88号',
              'longitude': 121.064396,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '三江化工有限公司',
              'listed': 1,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产销售环氧乙烷、液氧、液氮、液氩、二氧化碳（回收）（凭有效安全生产许可证经营）、乙二醇、表面活性剂（危险化学品除外），纺织及化纤抽丝助剂、油剂、染化料（危险化学品除外），带储存经营：乙烯，不带储存经营（票据贸易）：甲醇（凭有效危险化学品经营许可证经营），工业用脱盐水及其它工业用水的批发，管道运输服务、仓储管理服务、装卸搬运服务（危险化学品除外），货物运输代理，物流信息咨询，并提供上述产品的技术咨询服务，上述商品进出口不涉及国营贸易，进出口配额许可证、出口配额招标，出口许可证等专项管理的商品。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C2614',
              'bussinessAddress': '浙江省嘉兴市乍浦开发区平海路西侧',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '造纸和纸制品业',
              'entName': '嘉兴南洋万事兴化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '批发（直拨直销）：间戊二烯、异戊二烯、顺丁烯二酸酐。（凭有效危险化学品经营许可证经营） 生产销售：甲基四氢苯酐、高聚树酯（蒸馏粗品）；年回收：间戊二烯11400吨（凭有效安全生产许可证经营），从事各类商品及技术的进出口业务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C22',
              'bussinessAddress': '嘉兴市港区市场西路458号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '德山化工(浙江)有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产销售无机粉体填料（气相二氧化硅）产品（不含化学危险品）、三氯硅烷（中间产品）、四氯化硅（中间产品）、31%盐酸（副产）；三氯硅烷、四氯化硅、甲基三氯硅烷、异丙醇、四甲基氢氧化铵的不带储存经营（票据贸易），无机粉体填料（气相二氧化硅）的批发、进出口、售后服务；化工产品相关的技术、咨询服务。（以上商品进出口不涉及国营贸易、进出口配额许可证、出口配额招标、出口许可证等专项管理的产品；凭有效的安全生产许可证和危险化学品经营许可证经营）（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴市港区乍浦经济开发区雅山西路555号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '嘉兴赞宇科技有限公司',
              'listed': 1,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产：十二烷基苯磺酸（凭有效安全生产许可证生产经营）。 货运：普通货运、货物专用运输（集装箱、罐式），表面活性剂、纺织印染助剂、皮革化学品、塑料助剂、洗涤用品、化妆品的生产、销售及其技术开发、技术转让、技术咨询及配套工程服务；从事各类商品及技术的进出口业务，本企业生产所需的机械设备、仪表仪器、零配件的进口业务；蒸汽供应、仓储管理服务（以上范围除化学危险品，涉及许可证的凭许可证经营，国家限定公司经营和国家禁止进出口的商品及技术除外）；以下限分支机构经营：表面活性剂（脂肪醇聚氧乙烯醚硫酸钠）的生产、销售及其技术开发、技术转让、技术咨询及配套工程服务；蒸汽供应、仓储管理服务（以上范围除化学危险品，涉',
              'industry': 'C2614',
              'bussinessAddress': '嘉兴港区嘉化工业园内',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '浙江庆安化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产销售增塑剂、邻苯二甲酸酐、富马酸；不带储存经营（票据贸易）：邻二甲苯、顺丁烯二酸酐、对二甲苯、间二甲苯、乙酸乙酯、乙酸丁酯、甲醇、乙醇、正丁醇、异丁醇、醋酸、纯苯、苯乙烯、丁二烯、正丁烷、异丁烷、环氧乙烷、天然气（压缩的）、天然气（液化的）（危险化学品经营许可证有效期至2017年12月8日）、辛醇、壬醇、癸醇、乙二醇、丙三醇、三甘醇、磷钨酸、己二酸、癸二酸、柠檬酸、偏苯三甲酸、对苯二甲酸、己内酰胺、增塑剂（邻苯二甲酸二丁酯、邻苯二甲酸二辛酯、邻苯二甲酸二壬酯、邻苯二甲酸二癸酯、己二酸二辛酯、癸二酸二辛酯、环氧化大豆油、环氧油酸丁酯、1,2,4-偏苯三酸三辛酯、柠檬酸三丁酯、柠檬酸三辛酯、烷',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴市乍浦经济开发区中山西路566号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '嘉兴市三江浩嘉高分子材料科技有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 1,
              'standardsized': 1,
              'businessScope': '生产销售聚丙烯。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '浙江省嘉兴市港区三期围堤内平海路西侧',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '山东绿霸化工股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '农药、农药中间体（范围以安全生产许可证为准）的加工、生产、自销（以上项目在审批机关批准的经营期限内经营）；进出口业务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '济南市历城区唐王镇娄家北路17号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '淄博宏泰化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产福美钠、福美钾、有机絮凝剂；N-甲基二硫代氨基甲酸钠(依法须经批准的项目，经相关部门批准后方可开展经营活动)。',
              'industry': 'C2614',
              'bussinessAddress': '淄博市临淄区南仇镇辛化路189号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '山东一诺威新材料有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '1,2-乙二胺、1,2-环氧丙烷、环氧乙烷、环己胺、甲苯二异氰酸酯等《危险化学品经营许可证》许可范围内的产品销售（不含储存，有效期限以许可证为准）；聚氨酯弹性体生产(仅限淄博市临淄区乙烯南路东段南山经五路西）销售；组合聚醚多元醇、聚醚多元醇研发、生产、销售；聚醚多元醇固体副产物的生产、销售(以上范围不含危险化学品）；化工产品(不含危险化学品）、人造草坪、体育器材销售；塑胶跑道工程、防腐保温工程施工；货物进出口（法律、行政法规和国务院决定规定禁止经营的项目除外）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C2619',
              'bussinessAddress': '山东省淄博市临淄区金山镇冯官路58号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '淄博齐翔腾达化工股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '甲基叔丁基醚、2-丁醇、2-丁酮、异丁烯、甲醇、2-甲基-2-丙醇、液化石油气、氢、醚后碳四（含丁烷≥60%，丁烯≥37%）、丁烯、丁烷、混合丁烷、1,3-丁二烯[稳定的]、盐酸、回收碳四（含碳四≥95%，碳五及以上≤3%）、液化回收碳四燃料气（含碳四≥95%，碳五及以上≤4%）、回收重组分（含碳五，碳六）、松香重组分（含松香油）、氮[压缩的或液化的]、氧[压缩的或液化的]、异辛烷、马来酸酐、丙烯生产、销售；重质物、三（壬基代苯基）亚磷酸酯、苯乙烯化苯酚、二腈二胺甲醛缩合物、歧化松香、歧化松香酸钾皂、复合防老剂（p-36）、二甲基二硫代氨基甲酸钠（SDD-05）、聚环氧氯丙烷二甲胺（PED-5',
              'industry': 'C26',
              'bussinessAddress': '临淄区胶厂南路1号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '原油加工及石油制品制造',
              'entName': '淄博市临淄泛华化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '单硬脂酸甘油酯、硬脂酸钙、复合添加剂、阻聚剂生产、销售，化工助剂（不含危险化学品和监控化学品、易制毒化品，不含储存）销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动)。',
              'industry': 'C2511',
              'bussinessAddress': '临淄区南王镇南仇村',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '无机酸制造',
              'entName': '淄博临淄万通精细化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '硫脲、复合脱硫剂、复合脱色混凝剂的生产、销售，化工产品、化学试剂、（以上两项经营范围不含化学危险品、易制毒化品）煤炭、五金配件、机械设备、劳保用品、化验仪器、钢材、建筑材料、矿产品、阀门、管件、办公用品、日用百货的销售；货物进出口（法律、行政法规和国务院决定规定禁止经营的项目除外）。(依法须经批准的项目，经相关部门批准后方可开展经营活动)',
              'industry': 'C2611',
              'bussinessAddress': '临淄区金山镇万通巷6号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '原油加工及石油制品制造',
              'entName': '淄博诺宏化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '丙烯销售（禁止储存，有效期限以许可证为准)，NH系列特种PP树脂专用料生产、销售，化工产品(不含危险化学品)销售。(依法须经批准的项目，经相关部门批准后方可开展经营活动)',
              'industry': 'C2511',
              'bussinessAddress': '临淄区南王镇经济开发区',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '山东中凯稀土材料有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '硫酸、盐酸、甲苯、丙酮、氨溶液[10%＜含氨≤35%]、氢氧化钠、氢氧化钠溶液、氧[液化的]、乙炔[溶于介质的]、乙烯[液化的]、异丁烯、石油气[液化的]、1,3-丁二烯[抑制了的]、丙烷、丙烯、硝化沥青、石油原油、正丁醇、正丁醛、正戊烷、乙醇[无水]、乙醇溶液[-18℃≤闪点＜23℃]、壬烷及其异构体、石脑油、石油醚、粗苯、二甲苯异构体混合物、1,1-二氯乙烷、1,2-二甲苯、1,2-二氯乙烷、甲醇、甲基叔丁基醚、1,3-二甲苯、1,4-二甲苯、2-丙醇、2-甲基-1-丙醇、苯、苯乙烯[抑制了的]、二氯甲烷的销售（不带有储存设施的经营，有效期以许可证为准）；氯化稀土、稀土氧化物生产、销售；太',
              'industry': 'C2619',
              'bussinessAddress': '山东省淄博市临淄区金山镇南王精细化工园加华路12号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '原油加工及石油制品制造',
              'entName': '淄博市新阜康特种材料有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '氮化硼、氮化铝、氮化硅的生产及销售；特种技术陶瓷制品的生产及销售；货物及技术的进出口。',
              'industry': 'C2511',
              'bussinessAddress': '山东省淄博市临淄区金山镇南阳路6号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '淄博诺立化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '正丁烷、异丁烷、正戊烷、2-甲基丁烷、2，2-二甲基丙烷、环氧乙烷、1,2-环氧丙烷销售（不含储存，有效期限以许可证为准）；聚醚多元醇、聚氨酯泡沫塑料、L-抗坏血酸棕榈酸酯、橡胶制品、塑料制品生产、销售，化工原料、化纤原料、橡胶原料、塑料原料（以上四项范围不含危险化学品、易制毒化品）、化工设备、电器配件、劳保护品销售，经营货物及技术的出口业务和本企业所需的机械设备、零配件、原辅材料及技术的进口业务，但国家限定公司经营或禁止进出口的商品及技术除外。(依法须经批准的项目，经相关部门批准后方可开展经营活动)',
              'industry': 'C2619',
              'bussinessAddress': '临淄区南王镇经济开发区',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '有机化学原料制造',
              'entName': '淄博得福化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产、销售聚氨脂材料、胶粘剂、聚醚、化工助剂（危险品除外）；购销化工原料；货物进出口（法律、行政法规和国务院决定规定禁止经营的项目除外），技术开发、技术咨询、技术转让。(依法须经批准的项目，经相关部门批准后方可开展经营活动)',
              'industry': 'C2614',
              'bussinessAddress': '临淄区胜利路南首莲花生活区',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '原油加工及石油制品制造',
              'entName': '淄博腾辉油脂化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '脂肪酸、甘油、脂肪胺、硬脂酸、脂肪酸钠皂、歧化松香酸钾皂、复合防老剂、吊白液的生产、销售。聚乙烯、乙二醇、丁苯橡胶、顺丁橡胶、塑料产品助剂、石油产品助剂、（以上六项范围不含危险化学品、易制毒化品，不含储存）的销售，货物进出口(以上范围依法须经批准的项目，经相关部门批准后方可开展经营活动)。',
              'industry': 'C2511',
              'bussinessAddress': '临淄区南王镇南仇村西',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他基础化学原料制造',
              'entName': '淄博奥思达化工有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '氯化聚乙烯生产、销售；塑料原料、橡胶原料、化工产品、（以上三项范围不含危险化学品、易制毒化品）塑料制品、橡胶制品、道路沥青、重油、机电设备、电子元件、建筑材料销售；货物进出口（法律、行政法规和国务院决定规定禁止经营的项目除外）。(依法须经批准的项目，经相关部门批准后方可开展经营活动)。',
              'industry': 'C2619',
              'bussinessAddress': '临淄区南王经济开发区',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '山东戴瑞克新材料有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '橡胶助剂（不含危险品）制造；化工产品（不含危险品）销售；新材料技术研发；本企业产品及所需原材料的进出口业务；环己烯（357吨/年）、硫化钠（13018吨/年）、盐酸（5221吨/年）、氯代环己烷（5073吨/年）、硫氢化钠（15332.51吨/年）、邻苯二甲酰亚胺（5632吨/年）、次氯酸钠（38178吨/年）（有限期限以许可证为准）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '山东河口蓝色经济开发区明园路6号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '山东彩客东奥化学有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '邻硝基甲苯（47200吨/年）、对硝基甲苯（29600吨/年）、间硝基甲苯（3200吨/年）、邻甲苯胺（6000吨/年）、N-甲基吡咯烷酮（6000吨/年）、γ-丁内酯（6000吨/年）生产（有效期限以许可证为准）；纳米材料制造；化工产品销售（不含危险品），生物医药、新材料的技术开发、技术转让、技术咨询、技术服务；自营和代理各类商品的进出口业务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '山东省东营市河口区滨二路以南,经五路以东',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '山东三方化工集团有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '20万吨/年复合肥、5万吨/年盐酸（副产）、8万吨/年硫酸钾、9.6万吨/年盐酸（副产）生产、销售（有效期以许可证为准）；复混肥料、掺混肥料（BB肥）、水溶性肥料、有机-无机复混肥料、聚离子生态肥、有机肥料、微生物肥料、缓释肥料、控释肥料、土壤调理剂生产和销售；冲施肥料、脲胺氮肥、叶面肥、肥料添加剂、氯化钾、磷酸一铵、磷酸二铵、尿素、硫铵、氯化铵、化肥销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）。',
              'industry': 'C26',
              'bussinessAddress': '莒南经济开发区淮海路西段',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '洪业化工集团股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '环已酮、环已醇、环已烷、轻质油、X油的生产与销售。(依法须经批准的项目，经相关部门批准后方可开展经营活动)。',
              'industry': 'C26',
              'bussinessAddress': '东明县城北环路西段北侧',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '湖北兴发化工集团股份有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '磷化工系列产品生产、销售、进出口；磷矿石的开采、销售；硅石矿开采、加工、销售；化学肥料（含复混肥料）的生产、销售；承办中外合资经营合作生产及“三来一补”业务；水力发电、供电；汽车货运、汽车配件销售；机电设备安装（不含特种设备安装）；房屋租赁；技术咨询服务；化工原料及化工产品生产、销售、进出口（有效期至：2025年08月11日）（依法须经批准的项目，经相关部门批准后方可开展经营活动）；以下经营范围按许可证或批准文件核定内容经营；未取得相关有效许可或批准文件的，不得经营：物业管理服务；食品添加剂、饲料添加剂生产及销售++',
              'industry': 'C26',
              'bussinessAddress': '兴山县古夫镇高阳大道58号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '湖北固润科技股份有限公司',
              'listed': 0,
              'latitude': 30.983573,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '光引发剂系列产品，医药中间体和农药中间体（不含国家专项规定项目），精细化工产品（不含国家专项规定项目），树脂及光固化材料（不含国家专项规定的项目）的研究、开发、生产、销售，物流咨询服务，本企业自产产品出口业务和本企业所需机械设备、零配件、原辅材料的进口业务（国家限定公司经营或禁止出口的项目除外）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '湖北省荆门市化工循环产业园',
              'longitude': 112.245957,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '中山大桥化工集团有限公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '生产各类高性能化工涂料产品及涂料用合成树脂；助剂、胶粘剂类精细化工产品（生产项目由分支机构生产）。公司经营范围内产品的研究、开发、中试及相关技术咨询服务。各种化工涂料用溶剂、原辅材料及公司原生产产品同类商品的批发、零售、进出口业务、佣金代理（拍卖除外）业务（不设店铺，涉及配额许可证管理、专项规定管理的商品按国家有关规定办理；涉及危险化学品经营的仅限危险化学品经营许可证许可的经营范围经营，不设存储）。(依法须经批准的项目，经相关部门批准后方可开展经营活动)',
              'industry': 'C26',
              'bussinessAddress': '广东省中山市古镇镇工业大道',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '木材加工和木、竹、藤、棕、草制品业',
              'entName': '广西林业桂林木材工业公司',
              'listed': 0,
              'latitude': 30.615842,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '木材、木制品、纤维板，竹及制品销售；市场租赁；机械修理；停车服务；物业服务。（依法须经批准的项目，经相关部门批准后方可开展经营活动。）',
              'industry': 'C20',
              'bussinessAddress': '桂林市中山北路１４８号',
              'longitude': 121.050442,
              'keyMonitoring': 0
            },
            {
              'industryName': '化学原料和化学制品制造业',
              'entName': '新疆新硕化工有限公司',
              'listed': 0,
              'latitude': 43.694206,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '甲醇17000吨/年、乙醇1000吨/年、高碳醇（正丁醇92%8%）2000吨/年、醇基燃料（甲醇65%乙醇15%异丁醇5%）2000吨/年（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'C26',
              'bussinessAddress': '新疆哈密地区伊吾县工业园区',
              'longitude': 94.983419,
              'keyMonitoring': 0
            },
            {
              'industryName': '其他采矿业',
              'entName': '新疆广汇新能源有限公司',
              'listed': 0,
              'latitude': 43.707874,
              'hzEnterpeies': 0,
              'standardsized': 0,
              'businessScope': '煤化工项目工程的投资；设备租赁；煤炭应用技术的研究开发；煤炭生产应用技术的咨询；煤化工产品生产：甲醇、二甲醚、液化天然气、液氧、液氮、氨水、硫酸、次甲醇、轻质酚、重质酚、混酚、碳六混合物；热力生产及供应、发电；液化天然气、液氨的充装；次氯酸钠溶液。（依法须经批准的项目，经相关部门批准后方可开展经营活动）',
              'industry': 'B12',
              'bussinessAddress': '新疆哈密市伊吾县淖毛湖镇兴业路1号',
              'longitude': 94.970689,
              'keyMonitoring': 0
            }
          ],
          'monitor': null,
          'eagleEye': 'http://60.12.107.71:9102/serverA/commandCenter/loginexpert.html',
          'coordinateGroup': [
            {
              'latitude': 30.6252265,
              'longitude': 121.05444431
            },
            {
              'latitude': 30.59737444,
              'longitude': 121.06173992
            },
            {
              'latitude': 30.59162378,
              'longitude': 121.06165409
            },
            {
              'latitude': 30.58561525,
              'longitude': 121.06444212
            },
            {
              'latitude': 30.58162077,
              'longitude': 121.05226732
            },
            {
              'latitude': 30.58463457,
              'longitude': 121.05040164
            },
            {
              'latitude': 30.58276889,
              'longitude': 121.04497201
            },
            {
              'latitude': 30.57968333,
              'longitude': 121.04597661
            },
            {
              'latitude': 30.57841562,
              'longitude': 121.042317
            },
            {
              'latitude': 30.57973117,
              'longitude': 121.0415755
            },
            {
              'latitude': 30.57961157,
              'longitude': 121.04095361
            },
            {
              'latitude': 30.58615208,
              'longitude': 121.03723526
            },
            {
              'latitude': 30.58795452,
              'longitude': 121.04118347
            },
            {
              'latitude': 30.58658123,
              'longitude': 121.04161263
            },
            {
              'latitude': 30.58804035,
              'longitude': 121.04616165
            },
            {
              'latitude': 30.59018612,
              'longitude': 121.0446167
            },
            {
              'latitude': 30.59121609,
              'longitude': 121.04736328
            },
            {
              'latitude': 30.60385466,
              'longitude': 121.04251385
            },
            {
              'latitude': 30.60239553,
              'longitude': 121.03839397
            },
            {
              'latitude': 30.61106443,
              'longitude': 121.03277206
            },
            {
              'latitude': 30.61527014,
              'longitude': 121.03766441
            },
            {
              'latitude': 30.62119246,
              'longitude': 121.04598999
            },
            {
              'latitude': 30.6252265,
              'longitude': 121.05444431
            }
          ]
        }
        this.airMonitoringList = res.data.monitorMap.atmosphereMonitor // 大气监测
        // this.airMonitoringList = monitorMap.atmosphereMonitor// 大气监测假数据
        this.emergencySuppliesList = res.data.monitorMap.emergencySupplies // 应急物资
        this.waterMonitoringList = res.data.monitorMap.waterMonitor // 水监测
        // this.waterMonitoringList = monitorMap.waterMonitor // 水监测假数据
        this.monitorList = res.data.monitorMap.monitor // 监控
        this.eagleEyeList = res.data.monitorMap.eagleEye // 鹰眼
        this.enterpriseList = res.data.monitorMap.ent // 企业
        // this.enterpriseList = monitorMap.ent // 企业假数据
        this.parkEnvironment = res.data.parkEnvironment
        this.coordinateGroup = res.data.monitorMap.coordinateGroup// 外面
        // this.coordinateGroup = monitorMap.coordinateGroup// 外面假数据
        this.parkEnvironmentxList = this.parkEnvironment.xList
        this.parkEnvironmentyList = this.parkEnvironment.yList
        this.parkEnvironmentyMap = this.parkEnvironment.yMap
        this.parkEnvironmentxList1 = this.parkEnvironmentxList
        this.parkEnvironmentyList1 = this.parkEnvironmentyList
        this.parkSafe = res.data.parkSafe
        this.dayList = this.parkSafe.dayList
        this.y1List = this.parkSafe.y1List
        this.option6XData = this.energyConsumer.xList
        this.option6minData = this.energyConsumer.y1List
        this.option6maxData = this.energyConsumer.y2List
        // console.log(this.monitorList + '监控', this.waterMonitoringList + '水监测', this.emergencySuppliesList + '应急物资', this.eagleEyeList + '鹰眼', this.airMonitoringList + '大气监测')
        this.$nextTick(() => {
          this.searchPark('企业@2x')
          this.getquality()
          this.gettableColor2()
          this.getdistribution()
          this.gettableColor1()
          this.getParkEnvironmentalProtectionOvervieW()
        })

        this.integrity = res.data.integrity
        // console.log(this.integrity)
        // console.log(this.integrity)
        this.incomeList = res.data.perMuDevelopment.incomeList
      })
      .catch(() => {})
  },
  beforeDestroy () {},
  methods: {
    handleCurrentChange (val) {
      console.log(val)
    },
    makeMark (iconName, list) {
      let map = this.map
      // eslint-disable-next-line no-undef
      let icon = new BMap.Icon(
        require('@/assets/img/industry/zfParkOverviewDetailTwo/' +
          iconName +
          '.png'),
        // eslint-disable-next-line no-undef
        new BMap.Size(30, 30),
        {
          // eslint-disable-next-line no-undef
          imageSize: new BMap.Size(30, 30),
          // eslint-disable-next-line no-undef
          imageOffset: new BMap.Size(0, 0)
        }
      )
      if (list && list.length > 0) {
        list.forEach((item) => {
          let point = new BMap.Point(item.longitude, item.latitude)
          let marker = new BMap.Marker(point, { icon: icon }) // 创建标注
          var consname = ''
          if (iconName == '企业@2x') {
            // console.log(item)
            let standardsized = ''
            let keyMonitoring = ''
            let listed = ''
            let hzEnterpeies = ''
            if (item.standardsized == 0) {
              standardsized = ''
            } else {
              standardsized = `<span style="color:#E4E4E4;font-size:12px; background-color: #00d3e7;padding: 4px; border-radius: 5px;margin: 0 5px;">规上企业</span>`
            }
            if (item.listed == 0) {
              listed = ''
            } else {
              standardsized = `<span style="color:#E4E4E4;font-size:12px; background-color: #00d3e7;padding: 4px; border-radius: 5px;margin: 0 5px;">上市企业</span>`
            }
            if (item.hzEnterpeies == 0) {
              hzEnterpeies = ''
            } else {
              hzEnterpeies = `<span style="color:#E4E4E4;font-size:12px; background-color: #00d3e7;padding: 4px;border-radius: 5px;margin: 0 5px;">危化品企业</span>`
            }
            if (item.keyMonitoring == 0) {
              keyMonitoring = ''
            } else {
              keyMonitoring = `<span style="color:#E4E4E4;font-size:12px; background-color: #00d3e7;padding: 4px;border-radius: 5px;margin: 0 5px;">重点监控企业</span>`
            }
            var entName = item.entName
            consname = `<div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px;">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>
                <div style="color:#fcaf17;text-align: center;font-weight: 600">
                ${entName}
              </div>` +
              `<div style='margin-top: 5px;'>
             ${standardsized}${listed}${hzEnterpeies}${keyMonitoring}
            </div>` +
            '<div style="color:#E4E4E4;font-size:12px;margin-top: 5px;"><span style="display:inline-block;width:100px;">行业代码:</span><span style="display:inline-block;color:#00E4FF; ">' +
                item.industry +
                '</span></div>' +
            '<div style="color:#E4E4E4;font-size:12px;margin-top: 5px;"><span style="display:inline-block;width:100px;">生产经营地址:</span><span style="display:inline-block;color:#00E4FF; ">' +
                item.bussinessAddress +
                '</span></div>' +
                 '<div style="color:#E4E4E4;font-size:12px;  margin-top: 5px;  display: flex;align-items: center;" ><span style="display:inline-block;width:100px;">经营范围:</span><span style="display:inline-block;color:#00E4FF;width: 240px; ">' +
                item.businessScope +
                '</span></div>' +
                `</div>`
          } else {
            consname = `<div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px;">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>` +
                '<div style="color:#fcaf17;text-align: center;font-weight: 600;">' +
               '' + item.parkName +
                `</div>`
          }
          let label = new BMap.Label(consname)
          label.setStyle({
            color: 'red',
            display: 'none',
            border: 'transparent',
            backgroundColor: 'transparent',
            width: '355px', // 宽
            whiteSpace: 'normal'
          })
          marker.setLabel(label)
          marker.addEventListener('mouseover', function (e) {
            let label = this.getLabel()
            label.setStyle({
              display: 'block'
            })
          })
          marker.addEventListener('mouseout', function (e) {
            let label = this.getLabel()
            label.setStyle({
              display: 'none'
            })
          })
          map.addOverlay(marker)
          window.map = map
        })
      } else if (iconName == '大气监测@2x' && list != null && this.isEmpty(list)) {
        let point = new BMap.Point(list.longitude, list.latitude)
        let consname = `  <div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px;">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>` +
                '<div style="color:#fcaf17;text-align: center;font-weight: 600">' +
               '' + list.parkName +
                '</div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">aqi日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.aqi +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">co日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.co +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">no2日均值:</span><span style="display:inline-block;color:#00E4FF">' +
               list.no2 +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">o3日均值:</span><span style="display:inline-block;color:#00E4FF">' +
               list.o3 +
                '</span></div>' +
                 '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">pm10日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.pm10 +
                '</span></div>' +
                 '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">pm2.5日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.pm25 +
                '</span></div>' +
                 '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:100px;">so2日均值</span><span style="display:inline-block;color:#00E4FF">' +
                list.so2 +
                '</span></div>' +
                `</div>`
        let marker = new BMap.Marker(point, { icon: icon }) // 创建标注
        let label = new BMap.Label(consname)
        label.setStyle({
          color: 'red',
          display: 'none',
          border: 'transparent',
          backgroundColor: 'transparent'
        })
        marker.setLabel(label)
        marker.addEventListener('mouseover', function (e) {
          let label = this.getLabel()
          label.setStyle({
            display: 'block'
          })
        })
        marker.addEventListener('mouseout', function (e) {
          let label = this.getLabel()
          label.setStyle({
            display: 'none'
          })
        })
        map.addOverlay(marker)
        window.map = map
      } else if (iconName == '水监测@2x' && list != null && this.isEmpty(list)) {
        let point = new BMap.Point(list.longitude, list.latitude)
        let consname = `  <div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px;">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>` +
                '<div style="color:#fcaf17;text-align: center;font-weight: 600">' +
               '' + list.parkName +
                '</div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:120px;">高锰酸盐指数日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.permanganate +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:120px;">氨氮日均值:</span><span style="display:inline-block;color:#00E4FF">' +
                list.ammonian +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:120px;">总磷日均值:</span><span style="display:inline-block;color:#00E4FF">' +
               list.totalAzote +
                '</span></div>' +
                '<div style="color:#E4E4E4;font-size:12px;"><span style="display:inline-block;width:120px;">总氮日均值:</span><span style="display:inline-block;color:#00E4FF">' +
               list.totalPhosphorus +
                '</span></div>' +
                `</div>`
        let marker = new BMap.Marker(point, { icon: icon }) // 创建标注
        let label = new BMap.Label(consname)
        label.setStyle({
          color: 'red',
          display: 'none',
          border: 'transparent',
          backgroundColor: 'transparent'
        })
        marker.setLabel(label)
        marker.addEventListener('mouseover', function (e) {
          let label = this.getLabel()
          label.setStyle({
            display: 'block'
          })
        })
        marker.addEventListener('mouseout', function (e) {
          let label = this.getLabel()
          label.setStyle({
            display: 'none'
          })
        })
        map.addOverlay(marker)
        window.map = map
      } else {
        this.$message('暂无数据')
      }
      console.log(list)
      let listname = []
      if (this.coordinateGroup && this.coordinateGroup.length > 0) {
        this.coordinateGroup.map((i) => {
          listname.push(new BMap.Point(Number(i.longitude), Number(i.latitude)))
        })
        var polygon = new BMap.Polygon(listname, { strokeColor: '#027DB4', fillColor: 'transparent', strokeWeight: 4, strokeOpacity: 1 }) // 创建多边形
        console.log(polygon)
        map.addOverlay(polygon)
        window.map = map
      }
    }, // 是不是空对象
    isEmpty (obj) {
      for (let i in Object.keys(obj)) {
        return true // 进入循环即不为空
      }
      return false
    },
    // 搜索园区地图

    searchPark (val) {
      // console.log('in')
      this.selectLegend = val
      if (this.map) {
        let map = this.map
        // 清空坐标
        map.clearOverlays()
        if (val === '企业@2x') {
          this.makeMark(val, this.enterpriseList)
        } else if (val === '监控@2x') {
          this.makeMark(val, this.monitorList)
        } else if (val === '鹰眼@2x') {
          if (this.eagleEyeList && this.eagleEyeList !== '') {
            window.open(this.eagleEyeList)
          } else {
            this.$message('暂无数据')
          }
        } else if (val === '大气监测@2x') {
          this.makeMark(val, this.airMonitoringList)
        } else if (val === '水监测@2x') {
          this.makeMark(val, this.waterMonitoringList)
        } else if (val === '应急物资@2x') {
          this.makeMark(val, this.emergencySuppliesList)
        } else {
          this.$message('暂无数据')
        }
      }
    },
    onclick (name, age, list = '') {
      if (name === '园区企业数') {
        this.$http
          .post(`/home/government/govParkOverview/getParkEntInfoPopup`, {
            parkCode: this.parkCode,
            isStandardsized: 1	// 规上  1：是  0：否
          }).then(({ data: res }) => {
            // console.log(res.data)
            this.gridData = res.data
            this.handleDialogClose()
            this.getright_table()
          })
      } else if (name === '规上企业数') {
        this.$http
          .post(`/home/government/govParkOverview/getParkEntInfoPopup`, {
            parkCode: this.parkCode,
            isStandardsized: 0	// 规上  1：是  0：否
          }).then(({ data: res }) => {
            // console.log(res.data)
            this.gridData = res.data
            this.handleDialogClose()
            this.getright_table()
          })
      } else if (name === '占地面积(km2)') {
        this.$http
          .post(`/home/government/govParkOverview/getParkEntAreaPopup`, {
            parkCode: this.parkCode
          }).then(({ data: res }) => {
            // console.log(res.data)
            this.gridData = res.data
            this.handleDialogClose()
            this.getright_table()
          })
      }
      this.tTitle = name
      var lsname = 'setdata' + age
      this.lsname = lsname
      this.setsdatalist = this[lsname]
      console.log(this.setsdatalist)
      this.dialogTableVisible = true

      if (list) {
        console.log(list)
        this.gridData = list
        this.$nextTick(() => {
          this.handleDialogClose()
          this.getright_table()
        })
      } else if (this.yeardata) {
        this.gridData = this.yeardata
        this.$nextTick(() => {
          this.handleDialogClose()
          this.getright_table()
        })
      } else {
        this.gridData = []
      }
      console.log(this.gridData)
    },
    onclick1 (name) {
      this.dialogTableVisible2 = true
      this.tTitle = name
      this.eComparePopup()
      this.eComparePopup2()
      this.$nextTick(() => {
        if (this.active2 == 0) {
          this.getright_table2('table2', 'eComparePopup', 'yearAddedValuedata2', 'page')
        } else {
          this.getright_table2('table3', 'eComparePopup2', 'dayParkAirQualitydata2', 'page')
        }
      })
    },
    eComparePopup () {
      this.$http
        .post(`/home/government/govParkOverview/getMonthEnergyConsumeComparePopup`, {
          searchDate: this.year,
          page: this.page,
          limit: 10
        }).then(({ data: res }) => {
          var arr = []
          var arr1 = ''
          var arr2 = ''
          res.data.dayParkAirQuality.title = res.data.dayParkAirQuality.title.map((i) => {
            // console.log(res.data.dayParkAirQuality.title)
            var username = ''
            if (i != '企业名称') {
              var z = String(i).substring(0, 4) // 显示年
              var name = String(i).substring(8 - 4, 8)// 显示月
              if (name > 9) {
                username = name
              } else {
                var usernameage = name.split('')
                username = usernameage[usernameage.length - 1]
              }
              arr.push(z)
              // console.log(username)
            } else {
              username = i
            }

            var obj = {}
            obj.name = username
            obj.age = i
            return obj
          })
          arr1 = arr[0]
          arr2 = arr[arr.length - 1]
          if (arr1 !== arr2) {
            this.Datayear = arr1 + '-' + arr2
          } else {
            this.Datayear = arr2
          }
          this.yearAddedValuetitle = res.data.dayParkAirQuality.title
          this.yearAddedValuedata = this.yearAddedValuedata.concat(res.data.dayParkAirQuality.data)
          this.yearAddedValuedata2 = (res.data.dayParkAirQuality.data)
        })
    },
    eComparePopup2 () {
      this.$http
        .post(`/home/government/govParkOverview/getYearEnergyConsumeComparePopup`, {
          searchDate: this.year,
          page: this.page,
          limit: 10
        }).then(({ data: res }) => {
          var arr = []
          var arr1 = ''
          var arr2 = ''
          res.data.yearAddedValue.title = res.data.yearAddedValue.title.map((i) => {
            var obj = {}
            obj.name = i
            obj.age = i
            if (i != '企业名称') {
              arr.push(i)
            }
            return obj
          })
          arr1 = arr[0]
          arr2 = arr[arr.length - 1]
          if (arr1 !== arr2) {
            this.Datayear = arr1 + '-' + arr2
          } else {
            this.Datayear = arr2
          }
          // console.log(res.data.yearAddedValue.title)
          this.dayParkAirQualitytitle = res.data.yearAddedValue.title
          // console.log(res.data.yearAddedValue)
          this.dayParkAirQualitydata = this.dayParkAirQualitydata.concat(res.data.yearAddedValue.data.data)
          this.dayParkAirQualitydata2 = (res.data.yearAddedValue.data.data)
        })
    },
    getright_table () {
      // let that = this
      var isScroll = true
      // 拿到表格挂载后的真实DOM
      const table = this.$refs.table1
      // console.log(this.$refs)
      // const table = document.getElementById('table1')
      // 拿到表格中承载数据的div元素
      const divData = table.bodyWrapper
      // let height = document.getElementsByClassName('el-table__body-wrapper')[0].childNodes[0]
      // console.log(height);
      this.addEvent(divData, 'mouseenter', function () {
        isScroll = false
      })
      this.addEvent(divData, 'mouseleave', function () {
        isScroll = true
      })
      this.intervalId = setInterval(() => {
        if (isScroll) {
          // 元素自增距离顶部1像素
          divData.scrollTop += 1
          // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
          if (
            divData.clientHeight + divData.scrollTop + 1 >=
            divData.scrollHeight
          ) {
            // 重置table距离顶部距离
            divData.scrollTop = 0
          }
        }
      }, 100)
    },
    getright_table2 (table1, data, list, age) {
      // let that = this
      var isScroll = true
      // 拿到表格挂载后的真实DOM
      const table = this.$refs[table1]

      const divData = table.bodyWrapper
      // let height = document.getElementsByClassName('el-table__body-wrapper')[0].childNodes[0]
      // console.log(height);
      this.addEvent(divData, 'mouseenter', function () {
        isScroll = false
      })
      this.addEvent(divData, 'mouseleave', function () {
        isScroll = true
      })
      this[table1 + 'intervalId'] += setInterval(() => {
        if (isScroll) {
          // 元素自增距离顶部1像素
          divData.scrollTop += 1
          // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
          if (
            divData.clientHeight + divData.scrollTop + 1 >=
            divData.scrollHeight
          ) {
            this[age]++
            if (this[list].length < 10) {
              divData.scrollTop = 0
              console.log('没有数据')
            } else {
              this[data]()
              console.log('请求数据')
            }
          }
        }
      }, 100)
    },
    addEvent (obj, sEvent, fn) {
      if (obj.attachEvent) {
        obj.attachEvent('on' + sEvent, fn)
      } else {
        obj.addEventListener(sEvent, fn, false)
      }
    },
    tableRowClassName ({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return 'table-row1'
      } else {
        return 'table-row2'
      }
    },
    tableRowClassName2 ({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return 'table-row3'
      } else {
        return 'table-row4'
      }
    },
    handler ({ BMap, map }) {
      this.map = map
      // eslint-disable-next-line no-undef
      map.setMapType(BMAP_NORMAL_MAP) // BMAP_HYBRID_MAP
      map.setMapStyle({ style: 'midnight' })
    },
    getClickInfo (e) {
      this.center.lng = e.point.lng
      this.center.lat = e.point.lat
    },
    goback () {
      this.$router.push({ name: 'zfParkOverviewTwo' })
    },
    gozhihui () {
      window.open('http://10.33.60.49:9090/IIP-FRONT/entry')
    },
    activeClick (e, name) {
      if (name === 'active') {
        this[name] = e
        this.myChart1.dispose()
        clearInterval(this.datasetInterval)
        this.datasetInterval = null

        if (e === 0) {
          this.getquality1()
        }
        if (e === 1) {
          this.getquality2()
        }

        if (e === 2) {
          this.getquality3()
        }
        if (e === 3) {
          this.getquality4()
        }
      }
      if (name === 'active1') {
        this.active1 = e
        this.active2 = e
        this.myChart6.dispose()
        if (e === 0) {
          this.active1data()
        }
        if (e === 1) {
          this.active2data()
        }
      }
      if (name === 'active2') {
        this.active2 = e
        this.page = 1
        this.handleDialogClose2('table3', 'dayParkAirQualitydata', 'dayParkAirQualitytitle', 'yearAddedValuedata2')
        this.handleDialogClose2('table2', 'yearAddedValuedata', 'yearAddedValuetitle', 'yearAddedValuedata2')
        this.$nextTick(() => {
          if (this.active2 == 0) {
            this.eComparePopup()
            this.getright_table2('table2', 'eComparePopup', 'yearAddedValuedata2', 'page')
          } else {
            this.eComparePopup2()
            this.getright_table2('table3', 'eComparePopup2', 'dayParkAirQualitydata2', 'page')
          }
        })
      }
    },
    getquality () {
      const that = this
      const qualitydata = document.getElementById('qualitydata')
      var width = qualitydata.offsetWidth + 'px'
      const quality = document.getElementById('quality')
      quality.style.width = width
      this.myChart1 = echarts.init(document.getElementById('quality'))

      this.option1 = {
        animationDuration: 5000,
        tooltip: {
          trigger: 'item',
          extraCssText: 'z-index: 9',
          backgroundColor: 'transparent',
          borderWidth: 0,
          padding: 0,
          textStyle: {
            color: '#00E4FF'
          },
          formatter: function (para) {
            var arr = []
            for (const key in that.parkEnvironmentyMap) {
              if (key == that.parkEnvironmentxList[para.dataIndex]) {
                arr = that.parkEnvironmentyMap[key]
              }
            }
            console.log(arr)

            let str = `<div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>`

            str +=
                '<div style="color:#fcaf17;text-align: center;font-weight: 600">' +
                para.name +
                '</div>'

            str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'api' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.aqi +
                '</span></div>'
            str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'co' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.co +
                '</span></div>'
            str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'no<sub style="font-size:10px;">2</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.no2 +
                '</span></div>'
            str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'o<sub style="font-size:10px;">3</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.o3 +
                '</span></div>'
            str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'so<sub style="font-size:10px;">2</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.so2 +
                '</span></div>'
            return str
          }
        },
        color: ['#13B9FB'],
        dataZoom: [
          {
            type: 'inside',
            startValue: 0,
            endValue: 5,
            xAxisIndex: [0],
            zoomLock: true
          }
        ],
        grid: {
          top: '15%',
          left: '5%',
          right: '4%',
          bottom: '5%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: that.parkEnvironmentxList,
            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            },
            axisTick: {
              show: false
            }

          }
        ],
        yAxis: {
          type: 'value',
          name: '',
          axisLine: {
            // 这是y轴文字颜色
            lineStyle: {
              color: '#BFF7FF'
            }
          },
          splitLine: {
            // show: false
            lineStyle: {
              opacity: 0.2
            }
          }
        },
        series: [
          {
            type: 'line',
            barWidth: 20,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(2, 198, 255, 1)' },
                { offset: 1, color: 'rgba(2, 198, 255, 0)' }
              ])
            },
            data: that.parkEnvironmentyList
          }
        ]
      }
      this.myChart1.setOption(this.option1)
    },
    getquality1 () {
      this.$http
        .post(`/home/government/govParkOverview/getEveryAqi`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          var that = this
          this.parkEnvironment = res.data
          this.parkEnvironmentxList = this.parkEnvironment.xList
          this.parkEnvironmentyList = this.parkEnvironment.yList
          this.parkEnvironmentyMap = this.parkEnvironment.yMap
          const qualitydata = document.getElementById('qualitydata')
          var width = qualitydata.offsetWidth + 'px'
          const quality = document.getElementById('quality')
          quality.style.width = width
          this.myChart1 = echarts.init(document.getElementById('quality'))

          this.option1 = {
            animationDuration: 5000,
            tooltip: {
              trigger: 'item',
              extraCssText: 'z-index: 9',
              backgroundColor: 'transparent',
              borderWidth: 0,
              padding: 0,
              textStyle: {
                color: '#00E4FF'
              },
              formatter: function (para) {
                var arr = []
                for (const key in that.parkEnvironmentyMap) {
                  if (key == that.parkEnvironmentxList[para.dataIndex]) {
                    arr = that.parkEnvironmentyMap[key]
                  }
                }
                console.log(arr)

                let str = `<div style="position: relative;border:1px solid #00d3e7;background-color:rgba(10, 39, 116, .5);padding:5px">
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-top: 3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;top: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-right: 3px solid #00d3e7;right: -3px;bottom: -3px;"></div>
                <div style="width: 10px;height: 10px;position:absolute;border-bottom:3px solid #00d3e7;border-left: 3px solid #00d3e7;left: -3px;bottom: -3px;"></div>`

                str +=
                '<div style="color:#fcaf17;text-align: center;font-weight: 600">' +
                para.name +
                '</div>'

                str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'api' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.aqi +
                '</span></div>'
                str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'co' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.co +
                '</span></div>'
                str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'no<sub style="font-size:10px;">2</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.no2 +
                '</span></div>'
                str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'o<sub style="font-size:10px;">3</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.o3 +
                '</span></div>'
                str += '<div style="color:#E4E4E4;font-size:14px;"><span style="display:inline-block;width:100px;">' + 'so<sub style="font-size:10px;">2</sub>' + '</span><span style="display:inline-block;color:#00E4FF">' +
               arr.so2 +
                '</span></div>'
                return str
              }
            },
            color: ['#13B9FB'],
            dataZoom: [
              {
                type: 'inside',
                startValue: 0,
                endValue: 5,
                xAxisIndex: [0],
                zoomLock: true
              }
            ],
            grid: {
              top: '15%',
              left: '5%',
              right: '4%',
              bottom: '5%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: that.parkEnvironmentxList,
                axisLine: {
                  // 这是y轴文字颜色
                  lineStyle: {
                    color: '#BFF7FF'
                  }
                },
                axisTick: {
                  show: false
                }
              }
            ],
            yAxis: {
              type: 'value',
              name: '',
              axisLine: {
                // 这是y轴文字颜色
                lineStyle: {
                  color: '#BFF7FF'
                }
              },
              splitLine: {
                // show: false
                lineStyle: {
                  opacity: 0.2
                }
              }
            },
            series: [
              {
                type: 'line',
                barWidth: 20,
                itemStyle: {
                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                    { offset: 0, color: 'rgba(2, 198, 255, 1)' },
                    { offset: 1, color: 'rgba(2, 198, 255, 0)' }
                  ])
                },
                data: that.parkEnvironmentyList
              }
            ]
          }
          this.myChart1.setOption(this.option1)
        })
    },
    getquality2 () {
      this.$http
        .post(`/home/government/govParkOverview/getWaterEnvQuality`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          if (res.data) {
            this.standard = res.data
            var arr = []
            var obj1 = {
              name: '高锰酸盐指数',
              date: this.standard.permanganate
            }
            var obj2 = {
              name: '氨氮',
              date: this.standard.ammonian
            }
            var obj3 = {
              name: '总磷',
              date: this.standard.totalAzote
            }
            var obj4 = {
              name: '总氮',
              date: this.standard.total_phosphorus
            }
            arr.push(obj1)
            arr.push(obj2)
            arr.push(obj3)
            arr.push(obj4)
            this.tableData = arr
          }
          // 高锰酸盐指数日均值  氨氮日均值  总磷日均值  总氮日均值
        })
    },
    getquality5 (data, series) {
      this.myChart1.dispose()
      const qualitydata = document.getElementById('qualitydata3')
      var width = qualitydata.offsetWidth + 'px'
      const quality = document.getElementById('quality3')
      quality.style.width = width
      this.myChart1 = echarts.init(document.getElementById('quality3'))
      this.option1 = {
        animationDuration: 5000,
        tooltip: {
          trigger: 'axis',
          confine: true
        },
        legend: {
          show: true,

          textStyle: {
            fontWeight: 'normal',
            color: '#ffffff' // legend颜色
          },
          top: '0%',
          left: 'center',
          type: 'scroll' // 图例强制不换行（滚动）
        },
        color: ['#13B9FB'],
        dataZoom: [
          {
            type: 'inside',
            startValue: 0,
            endValue: 5,
            xAxisIndex: [0],
            zoomLock: true
          }
        ],
        grid: {
          top: '28%',
          left: '5%',
          right: '4%',
          bottom: '5%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: data,
            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            },
            axisTick: {
              show: false
            }
          }
        ],
        yAxis: {
          type: 'value',
          name: '（小时)',
          axisLine: {
            // 这是y轴文字颜色
            lineStyle: {
              color: '#BFF7FF'
            }
          },
          splitLine: {
            // show: false
            lineStyle: {
              opacity: 0.2
            }
          }
        },
        series: series
      }
      this.myChart1.setOption(this.option1)
    },
    getquality3 () {
      this.$http
        .post(`/home/government/govParkOverview/getWasteWaterPollutionTime`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          // var res = {
          //   'code': 0,
          //   'message': '操作成功!',
          //   'data': {
          //     'xList': [
          //       '2022-01-13',
          //       '2022-01-14',
          //       '2022-01-15',
          //       '2022-01-16',
          //       '2022-01-17',
          //       '2022-01-18',
          //       '2022-01-19'
          //     ],
          //     'yMap': {
          //       '2022-01-18': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       },
          //       '2022-01-19': {
          //         'phTime': 55.000,
          //         'cr6Time': 55.000,
          //         'totalPhosphorusTime': 55.000,
          //         'totalAzoteTime': 55.000,
          //         'ammonianTime': 55.000,
          //         'totalCrTime': 55.000,
          //         'heavyMetalTime': 55.000,
          //         'totalCuTime': 55.000,
          //         'dissolvedOxygenTime': 55.000,
          //         'totalNiTime': 55.000,
          //         'totalMnTime': 55.000,
          //         'totalZnTime': 55.000,
          //         'codTime': 55.000
          //       },
          //       '2022-01-14': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       },
          //       '2022-01-15': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       },
          //       '2022-01-16': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       },
          //       '2022-01-17': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       },
          //       '2022-01-13': {
          //         'phTime': '0',
          //         'cr6Time': '0',
          //         'totalPhosphorusTime': '0',
          //         'totalAzoteTime': '0',
          //         'ammonianTime': '0',
          //         'totalCrTime': '0',
          //         'heavyMetalTime': '0',
          //         'totalCuTime': '0',
          //         'dissolvedOxygenTime': '0',
          //         'totalNiTime': '0',
          //         'totalMnTime': '0',
          //         'totalZnTime': '0',
          //         'codTime': '0'
          //       }
          //     }
          //   }
          // }
          this.listxList = res.data.xList
          this.listyMap = res.data.yMap
          var ammonianTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                ammonianTime.push(Number(this.listyMap[item1].ammonianTime))
              }
            }
          })
          var codTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                codTime.push(Number(this.listyMap[item1].codTime))
              }
            }
          })
          var cr6Time = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                cr6Time.push(Number(this.listyMap[item1].cr6Time))
              }
            }
          })
          var dissolvedOxygenTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                dissolvedOxygenTime.push(Number(this.listyMap[item1].dissolvedOxygenTime))
              }
            }
          })
          var heavyMetalTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                heavyMetalTime.push(Number(this.listyMap[item1].heavyMetalTime))
              }
            }
          })
          var phTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                phTime.push(Number(this.listyMap[item1].phTime))
              }
            }
          })
          var totalAzoteTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalAzoteTime.push(Number(this.listyMap[item1].totalAzoteTime))
              }
            }
          })
          var totalCrTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalCrTime.push(Number(this.listyMap[item1].totalCrTime))
              }
            }
          })
          var totalCuTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalCuTime.push(Number(this.listyMap[item1].totalCuTime))
              }
            }
          })
          var totalMnTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalMnTime.push(Number(this.listyMap[item1].totalMnTime))
              }
            }
          })
          var totalNiTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalNiTime.push(Number(this.listyMap[item1].totalNiTime))
              }
            }
          })
          var totalPhosphorusTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalPhosphorusTime.push(Number(this.listyMap[item1].totalPhosphorusTime))
              }
            }
          })
          var totalZnTime = []
          this.listxList.forEach(item => {
            for (let item1 in this.listyMap) {
              if (item === item1) {
                totalZnTime.push(Number(this.listyMap[item1].totalZnTime))
              }
            }
          })
          var data = res.data.xList
          const qualitydata = document.getElementById('qualitydata3')
          var width = qualitydata.offsetWidth + 'px'
          const quality = document.getElementById('quality3')
          quality.style.width = width
          this.myChart1 = echarts.init(document.getElementById('quality3'))
          var arr = [{
            type: 'line',
            barWidth: 20,
            name: '溶解氧',
            color: 'rgb(5,148,239)',

            data: dissolvedOxygenTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: 'PH值',
            color: 'rgb(5,119,234)',
            data: phTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: 'COD',
            color: 'rgb(101,206,153)',
            data: codTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: '氨氮',
            color: 'rgb(243,242,134)',
            data: ammonianTime
          }, {
            type: 'line',
            barWidth: 20,
            name: '总氮',
            color: 'rgb(183,74,237)',
            data: totalAzoteTime
          }
          ]
          var arr2 = [{
            type: 'line',
            barWidth: 20,
            name: '总磷',
            color: 'rgb(5,148,239)',
            data: totalPhosphorusTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: '六价铬',
            color: 'rgb(5,119,234)',

            data: cr6Time
          },
          {
            type: 'line',
            barWidth: 20,
            name: '总铬',
            color: 'rgb(101,206,153)',
            data: totalCrTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: '总镍',
            color: 'rgb(243,242,134)',
            data: totalNiTime
          }, {
            type: 'line',
            barWidth: 20,
            name: '总铜',
            color: 'rgb(255,203,91)',
            data: totalCuTime
          }
          ]
          var arr3 = [{
            type: 'line',
            barWidth: 20,
            name: '总锰',
            color: 'rgb(5,148,239)',
            data: totalMnTime
          },
          {
            type: 'line',
            barWidth: 20,
            name: '总锌',
            color: 'rgb(5,119,234)',
            data: totalZnTime
          },

          {
            type: 'line',
            barWidth: 20,
            name: '重金属',
            color: 'rgb(101,206,153)',
            data: heavyMetalTime
          }
          ]
          var series = []
          series = arr
          this.option1 = {
            animationDuration: 5000,
            tooltip: {
              trigger: 'axis', confine: true
            },
            legend: {
              show: true,

              textStyle: {
                fontWeight: 'normal',
                color: '#ffffff' // legend颜色
              },
              top: '0%',
              left: 'center'
              // type: 'scroll' // 图例强制不换行（滚动）
            },
            color: ['#13B9FB'],
            dataZoom: [
              {
                type: 'inside',
                startValue: 0,
                endValue: 5,
                xAxisIndex: [0],
                zoomLock: true
              }
            ],
            grid: {
              top: '28%',
              left: '5%',
              right: '4%',
              bottom: '5%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: data,
                axisLine: {
                  // 这是y轴文字颜色
                  lineStyle: {
                    color: '#BFF7FF'
                  }
                },
                axisTick: {
                  show: false
                }
              }
            ],
            yAxis: {
              type: 'value',
              name: '（小时)',
              axisLine: {
                // 这是y轴文字颜色
                lineStyle: {
                  color: '#BFF7FF'
                }
              },
              splitLine: {
                // show: false
                lineStyle: {
                  opacity: 0.2
                }
              }
            },
            series: series
          }
          this.myChart1.setOption(this.option1)
          this.datasetInterval = setInterval(() => {
            this.isindex++
            if (this.isindex === 1) {
              this.getquality5(data, arr2)
            } else if (this.isindex === 2) {
              this.getquality5(data, arr3)
            } else if (this.isindex === 0) {
              this.getquality5(data, arr)
            }
            // this.$forceUpdate()
            if (this.isindex > 2) {
              this.isindex = 0
            }
          }, 7000)
        })
    },
    getquality4 () {
      // this.$http
      //   .post(`/home/government/govParkOverviewgetWasteGasPollutionTime`, {
      //     searchDate: this.year,
      //     parkName: this.parkName,
      //     parkCode: this.parkCode
      //   })
      //   .then(({ data: res }) => {

      //   })
      this.$http
        .post(`/home/government/govParkOverview/getWasteGasPollutionTime`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          // var res = {
          //   'code': 0,
          //   'message': '操作成功!',
          //   'data': {
          //     'xList': [
          //       '2022-01-13',
          //       '2022-01-14',
          //       '2022-01-15',
          //       '2022-01-16',
          //       '2022-01-17',
          //       '2022-01-18',
          //       '2022-01-19'
          //     ],
          //     'yMap': {
          //       '2022-01-18': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       },
          //       '2022-01-19': {
          //         'coTime': 3.000,
          //         'pmTime': 3.000,
          //         'nmhcTime': 3.000,
          //         'so2Time': 3.000,
          //         'noxTime': 3.000
          //       },
          //       '2022-01-14': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       },
          //       '2022-01-15': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       },
          //       '2022-01-16': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       },
          //       '2022-01-17': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       },
          //       '2022-01-13': {
          //         'coTime': '0',
          //         'pmTime': '0',
          //         'nmhcTime': '0',
          //         'so2Time': '0',
          //         'noxTime': '0'
          //       }
          //     }
          //   }
          // }
          var coTime = []
          res.data.xList.forEach(item => {
            for (let item1 in res.data.yMap) {
              if (item === item1) {
                coTime.push(Number(res.data.yMap[item1].coTime))
              }
            }
          })
          var pmTime = []
          res.data.xList.forEach(item => {
            for (let item1 in res.data.yMap) {
              if (item === item1) {
                pmTime.push(Number(res.data.yMap[item1].pmTime))
              }
            }
          })
          var nmhcTime = []
          res.data.xList.forEach(item => {
            for (let item1 in res.data.yMap) {
              if (item === item1) {
                nmhcTime.push(Number(res.data.yMap[item1].nmhcTime))
              }
            }
          })
          var so2Time = []
          res.data.xList.forEach(item => {
            for (let item1 in res.data.yMap) {
              if (item === item1) {
                so2Time.push(Number(res.data.yMap[item1].so2Time))
              }
            }
          })
          var noxTime = []
          res.data.xList.forEach(item => {
            for (let item1 in res.data.yMap) {
              if (item === item1) {
                noxTime.push(Number(res.data.yMap[item1].noxTime))
              }
            }
          })
          var data = res.data.xList
          var data1 = coTime
          var data2 = pmTime
          var data3 = nmhcTime
          var data4 = so2Time
          var data5 = noxTime
          const qualitydata = document.getElementById('qualitydata4')
          var width = qualitydata.offsetWidth + 'px'
          const quality = document.getElementById('quality4')
          quality.style.width = width
          this.myChart1 = echarts.init(document.getElementById('quality4'))
          this.option1 = {
            animationDuration: 5000,
            tooltip: {
              trigger: 'axis',
              confine: true
            },
            legend: {
              show: true,

              textStyle: {
                fontWeight: 'normal',
                color: '#ffffff' // legend颜色
              },
              top: '0%',
              right: '0'

              // type: 'scroll' // 图例强制不换行（滚动）
            },
            color: ['#13B9FB'],
            dataZoom: [
              {
                type: 'inside',
                startValue: 0,
                endValue: 5,
                xAxisIndex: [0],
                zoomLock: true
              }
            ],
            grid: {
              top: '28%',
              left: '5%',
              right: '4%',
              bottom: '5%',
              containLabel: true
            },
            xAxis: [
              {
                type: 'category',
                data: data,
                axisLine: {
                  // 这是y轴文字颜色
                  lineStyle: {
                    color: '#BFF7FF'
                  }
                },
                axisTick: {
                  show: false
                }
              }
            ],
            yAxis: {
              type: 'value',
              name: '（小时)',
              axisLine: {
                // 这是y轴文字颜色
                lineStyle: {
                  color: '#BFF7FF'
                }
              },
              splitLine: {
                // show: false
                lineStyle: {
                  opacity: 0.2
                }
              }
            },
            series: [
              {
                type: 'line',
                barWidth: 20,
                name: '粉尘',
                data: data1,
                color: 'rgb(5,148,239)'
              },
              {
                type: 'line',
                barWidth: 20,
                name: '非甲烷总烃',
                color: 'rgb(5,119,234)',
                data: data2
              },
              {
                type: 'line',
                barWidth: 20,
                name: '一氧化碳',
                color: 'rgb(101,206,153)',
                data: data3
              },
              {
                type: 'line',
                barWidth: 20,
                name: '二氧化硫',
                color: 'rgb(243,242,134)',
                data: data4
              },
              {
                type: 'line',
                barWidth: 20,
                name: '氮氧化物',
                color: 'rgb(183,74,237)',
                data: data5
              }
            ]
          }
          this.myChart1.setOption(this.option1)
        })
    },
    getdistribution () {
      this.myChart4 = echarts.init(document.getElementById('distribution'))
      this.option4 = {
        animationDuration: 5000,
        tooltip: {
          trigger: 'axis'
        },
        color: ['#13B9FB'],
        dataZoom: [
          {
            type: 'inside',
            startValue: 0,
            endValue: 6,
            xAxisIndex: [0],
            zoomLock: true
          }
        ],
        grid: {
          top: '24%',
          left: '5%',
          right: '4%',
          bottom: '5%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: this.dayList,
            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            },
            axisLabel: {
              interval: 0,
              // rotate: 40,
              fontSize: 10
            },
            axisTick: {
              show: false
            }
          }
        ],
        title: {
          text: '| 重大危险源报警趋势',
          top: 0,
          left: 0,
          textStyle: {
            width: '100%',
            color: '#52CCFF',
            fontSize: 14,
            fontWeight: 600
          }
        },
        yAxis: {
          type: 'value',
          name: '',
          axisLine: {
            // 这是y轴文字颜色
            lineStyle: {
              color: '#BFF7FF'
            }
          },

          splitLine: {
            // show: false
            lineStyle: {
              opacity: 0.2
            }
          }
        },
        series: [
          {
            type: 'line',
            barWidth: 20,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: 'rgba(2, 198, 255, 1)' },
                { offset: 1, color: 'rgba(2, 198, 255, 0)' }
              ])
            },
            data: this.y1List
          }
        ]
      }
      this.myChart4.setOption(this.option4)
    },

    countPercentage (countArray) {
      // eslint-disable-next-line
      var j = eval(countArray.join("+"));
      var resultArray = []
      for (var i = 0; i < countArray.length; i++) {
        var k = Math.floor((countArray[i] / j) * 100) + '%'
        resultArray.push(k)
      }
      return resultArray
    },
    gettableColor1 () {
      var maplist = []
      this.energyType.forEach((i, index) => {
        i.name = i.energyName
        i.value = i.dataValue
        i.itemStyle = {
          color: this.colorList1[index],
          color1: this.colorList2[index]
        }
        maplist.push(i.value)
      })
      this.energyType.forEach((i, index) => {
        i.countPercentage = this.countPercentage(maplist)[index]
      })
      this.optionData3 = this.energyType
      let _this = this
      this.myChart3 = echarts.init(document.getElementById('tableColor1'))
      var data = []
      var data1 = []

      var seriesOption = [
        // 最外层圆
        {
          type: 'pie',
          radius: ['65%', '45%'],
          center: ['50%', '50%'],
          // hoverAnimation: false,
          data: [],
          label: {
            show: false,
            position: 'outside',
            formatter: '{d}%',
            color: '#FFFFFF'
          },
          labelLine: {
            normal: {
              length: 80,
              lineStyle: {
                width: 1
              }
            }
          }
        },
        // 内圆 + 中间文字
        {
          type: 'pie',
          radius: ['50%', '30%'],
          center: ['50%', '50%'],
          // hoverAnimation: false,
          // z: 10,
          label: {
            show: false,
            position: 'center',
            formatter: () => {
              return '佣金总额\r\n{total|100} 个'
            },
            rich: {
              total: {
                fontSize: 24,
                color: '#FFFFFF'
              }
            },
            color: '#FFFFFF',
            fontSize: 16,
            lineHeight: 30
          },
          data: [],
          labelLine: {
            show: false
          }
        }
      ]
      for (let i = 0; i < _this.optionData3.length; i++) {
        data.push({
          value: _this.optionData3[i].value,
          name: _this.optionData3[i].name,
          itemStyle: {
            normal: {
              color: {
                // 完成的圆环的颜色
                colorStops: [
                  {
                    offset: 0,
                    color: _this.optionData3[i].itemStyle.color1 // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: _this.optionData3[i].itemStyle.color // 100% 处的颜色
                  }
                ]
              }
            }
          },
          countPercentage: _this.optionData3[i].countPercentage
        })

        data1.push({
          value: _this.optionData3[i].value,
          name: _this.optionData3[i].name,
          itemStyle: {
            normal: {
              color: {
                // 完成的圆环的颜色
                colorStops: [
                  {
                    offset: 0,
                    color: _this.optionData3[i].itemStyle.color1 // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: _this.optionData3[i].itemStyle.color // 100% 处的颜色
                  }
                ]
              },
              opacity: 0.5
            }
          },
          countPercentage: _this.optionData3[i].countPercentage
        })
      }
      seriesOption[0].data = data
      seriesOption[1].data = data1
      this.option3 = {
        title: {
          text: '| 能源种类消耗',
          top: 0,
          left: 0,
          textStyle: {
            width: '100%',
            color: '#52CCFF',
            fontSize: 14,
            fontWeight: 600
          }
        },
        legend: {
          show: true,
          bottom: 0,
          // left: 'center',
          textStyle: {
            // 图例文字的样式
            color: '#fff'
            // fontSize: 14
          }
          // itemWidth: 8
          // itemHeight: 12
        },
        tooltip: {
          trigger: 'item',
          confine: true,
          padding: [0, 5],
          backgroundColor: 'rgba(0,0,0,.5)',
          extraCssText:
            'width:150px;color:#ffffff; white-space:pre-wrap;z-index: 100',
          formatter: function (params) {
            return params.data.name + ':' + params.data.countPercentage
          }
        },
        series: seriesOption
      }

      this.myChart3.setOption(this.option3, true)
    },
    gettableColor2 () {
      const that = this
      this.myChart6 = echarts.init(document.getElementById('tableColorstr'))

      this.option6 = {
        animationDuration: 5000,
        tooltip: {
          trigger: 'axis',
          enterable: true,
          confine: true
          // formatter: function (params) {
          //   console.log(params)
          // }
        },
        legend: {
          show: true,

          textStyle: {
            fontWeight: 'normal',
            color: '#ffffff' // legend颜色
          },
          top: '5%',
          left: '5%'
        },

        dataZoom: [
          {
            type: 'inside',
            startValue: 0,
            endValue: 5,
            xAxisIndex: [0],
            zoomLock: true
          }
        ],
        grid: {
          left: '0%',
          right: '0%',
          bottom: '2%',
          top: '35%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            axisTick: {
              show: false
            },
            axisLabel: {
              // 坐标轴刻度标签的相关设置。
              interval: 0
            },

            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            },
            data: this.option6XData
          }
        ],
        yAxis: [
          {
            type: 'value',
            name: '万吨标煤',
            splitLine: {
              lineStyle: {
                color: '#BFF7FF',
                opacity: 0.2
              }
            },
            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            }
          },
          {
            type: 'value',
            name: '亿元',
            splitLine: {
              lineStyle: {
                color: '#BFF7FF',
                opacity: 0.2
              }
            },

            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'

              }
            }
          }
        ],
        series: [
          {
            type: 'line',
            barWidth: 15,

            itemStyle: {
              color: '#F87C02'
            },
            data: this.option6minData,
            name: '能源消耗'
          },
          {
            type: 'bar',
            barWidth: 15,
            name: '应税收入',
            itemStyle: {
              color: '#02BFF8'
            },
            yAxisIndex: 1,
            data: this.option6maxData
          }
        ]
      }
      this.myChart6.setOption(this.option6)
      this.$forceUpdate()
    },
    getParkEnvironmentalProtectionOvervieW () {
      var arr = this.parkClose.dayList
      var arr2 = this.parkClose.y1List
      var arr3 = this.parkClose.y2List
      this.myChart5 = echarts.init(
        document.getElementById('ParkEnvironmentalProtectionOvervieW')
      )
      this.option5 = {
        animationDuration: 5000,
        tooltip: {
          trigger: 'axis',
          confine: true
        },
        legend: {
          show: true,

          textStyle: {
            fontWeight: 'normal',
            color: '#ffffff' // legend颜色
          },
          top: '0%',
          right: '0%'
        },
        color: ['#13B9FB'],
        dataZoom: [
          {
            type: 'inside',
            startValue: 0,
            endValue: 6,
            xAxisIndex: [0],
            zoomLock: true
          }
        ],
        grid: {
          top: '15%',
          left: '5%',
          right: '4%',
          bottom: '5%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: arr,
            axisLine: {
              // 这是y轴文字颜色
              lineStyle: {
                color: '#BFF7FF'
              }
            },
            axisTick: {
              show: false
            },
            axisLabel: {
              interval: 0,
              // rotate: 40,
              fontSize: 10
            }
          }
        ],
        yAxis: {
          type: 'value',
          name: '',
          axisLine: {
            // 这是y轴文字颜色
            lineStyle: {
              color: '#BFF7FF'
            }
          },
          splitLine: {
            // show: false
            lineStyle: {
              opacity: 0.2
            }
          }
        },
        series: [
          {
            type: 'line',
            barWidth: 20,
            name: '当日车流量',
            itemStyle: {
              color: '#F87C02'
            },
            data: arr2
          },
          {
            type: 'line',
            barWidth: 20,
            name: '当日人流量',
            itemStyle: {
              color: '#02BFF8'
            },
            data: arr3
          }
        ]
      }
      this.myChart5.setOption(this.option5)
    },
    handleDialogClose () {
      clearInterval(this.intervalId)
      this.intervalId = null
    },
    handleDialogClose3 () {
      this.handleDialogClose2('table3', 'dayParkAirQualitydata', 'dayParkAirQualitytitle', 'yearAddedValuedata2')
      this.handleDialogClose2('table2', 'yearAddedValuedata', 'yearAddedValuetitle', 'yearAddedValuedata2')
      this.active2 = this.active1
    },
    handleDialogClose2 (table, table1, table2, table3) {
      clearInterval(this[table + 'intervalId'])
      console.log(this[table + 'intervalId'])
      this[table + 'intervalId'] = null
      console.log(this[table + 'intervalId'])
      this[table1] = []
      this[table2] = []
      this[table3] = []
    },
    active1data () {
      this.$http
        .post(`/home/government/govParkOverview/getEnergyConsumerMonth`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          this.energyConsumer = res.data
          this.option6XData = this.energyConsumer.xList
          this.option6minData = this.energyConsumer.y1List
          this.option6maxData = this.energyConsumer.y2List
          this.gettableColor2()
        })
    },

    active2data () {
      this.$http
        .post(`/home/government/govParkOverview/getEnergyConsumerYear`, {
          searchDate: this.year,
          parkName: this.parkName,
          parkCode: this.parkCode
        })
        .then(({ data: res }) => {
          this.energyConsumer = res.data
          this.option6XData = this.energyConsumer.xList
          this.option6minData = this.energyConsumer.y1List
          this.option6maxData = this.energyConsumer.y2List
          // console.log(this.energyConsumer)
          this.gettableColor2()
        })
    }
  }
}
</script>
<style lang="scss" scoped>
.main {
  background: #041565;
}
.box {
  padding: 10px;
  margin-bottom: 10px;
  background-image: url("../../../../assets/img/industry/zfParkOverviewDetailTwo/数据框@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.box1 {
  background-image: url("../../../../assets/img/industry/zfParkOverviewDetailTwo/数据框2@2x.png");
}
.title {
  width: 270px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 14px;
  background-image: url("../../../../assets/img/industry/小标题背景1.png");
  background-size: 100% 100%;
  color: #ffffff;

  p {
    padding-left: 26px;
    font-size: 12px;
  }
}
.title1 {
  width: 220px;
}
.content {
  padding: 10px 0 0;
}
.content-body {
  padding: 5px;
  margin-top: 5px;
  overflow: hidden;
  > div {
    float: left;
    overflow: hidden;
  }
  .content-body-left {
    width: 45%;
    margin-top: 10px;
  }
  .content-body-right {
    width: 55%;
  }
}
.leftTop {
  width: 80%;
  height: 160px;
  margin: 0 auto;
  background-image: url("../../../../assets/img/industry/数据背景框@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #e5fbff;
  text-align: center;
  font-weight: 600;
  > div:first-child {
    font-size: 28px;
    background: -webkit-linear-gradient(90deg, #ffca12, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 50px;
  }
  > div:last-child {
    margin-top: 60px;
  }
}
.rightTop {
  width: 100%;
  margin-bottom: 10px;
  .rightTopBox {
    color: #ffffff;
    padding: 5px;
    text-align: center;
    background-image: url("../../../../assets/img/industry/数据背景框2.png");
    background-size: 100% 100%;
    > div {
      height: 20px;
      line-height: 20px;
    }
    > div:first-child {
      font-size: 12px;
    }
    > div:last-child {
      font-weight: 600;
      background: -webkit-linear-gradient(90deg, #ffca12, #ffffff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
}
.rightTop2 {
  width: 100%;
  margin-bottom: 10px;
  .rightTopBox {
    color: #ffffff;
    padding: 5px;
    padding: 4px;
    text-align: center;
    background-image: url("../../../../assets/img/industry/数据背景框2.png");
    background-size: 100% 100%;
    > div {
      height: 20px;
      line-height: 20px;
    }
    > div:first-child {
      font-size: 12px;
    }
    > div:last-child {
      font-weight: 600;
      background: -webkit-linear-gradient(90deg, #ffca12, #ffffff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
}
.tabs {
  float: right !important;
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
  .tabsmap {
    // width: 100px;
    //  margin-right: 50px;
    float: left;
    font-size: 14px;
    font-weight: 600;
  }
    .tabsmap2 {
    // width: 100px;
    //  margin-right: 50px;
    float: right;
    font-size: 14px;
    font-weight: 600;
  }
  > div {
    float: right;
    color: #52ccff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
  }
}
.selectActive {
  // color: #00a3ff !important;
  font-weight: 600;
  color: #52ccff !important;
  text-align: center;
  background: linear-gradient(
    0deg,
    rgba(0, 180, 255, 0.4),
    rgba(0, 180, 255, 0.05)
  );
  border: 1px solid #000000;
  border-radius: 3px;
}

/deep/ .BMap_cpyCtrl {
  display: none;
}
/deep/ .anchorBL {
  display: none;
}
.intrdouce {
  width: 180px;
  left: 480px;
  bottom: 5px;
  position: absolute;
  z-index: 10;
  background-image: url("../../../../assets/img/industry/zfParkOverviewDetailTwo/地图图例框@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  color: #52ccff;
  overflow: hidden;
  .legend-body {
    text-align: center;
    margin: 6px;
    height: 40px;
    padding: 10px 0px 10px 10px;
  }
  .legend-title {
    font-size: 15px;
    float: left;
    padding: 3px 10px;
    cursor: pointer;
  }
  .legend-icon {
    float: left;
    margin-right: 10px;
  }
}
.goback {
  position: absolute;
  z-index: 10;
  text-align: center;
  right: 10px;
  width: 135px;
  padding: 10px 10px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 20px;
  // background-color: #00a8ff;
  background: url("../../../../assets/img/industry/zfParkOverviewDetailtwin/jumpmibox.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  > span {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    // background-color: #1c4ca1;
    color: #ffffff;
    text-align: center;
    margin-right: 5px;
  }
}
#quality2 {
  .p1 {
    width: 150px;
    height: 35px;
    line-height: 35px;
    background: #1f4987;
    border: 1px solid #3573fc;
    margin: 0 auto;

    color: #ffffff;
    position: relative;
    .p4 {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.57;
      height: 100%;
      width: 100%;
    }
    i {
      font-style: normal;
      font-weight: bold;
      color: #98ffa2;
    }
    img {
      width: 20px;
      height: 20px;
      margin-bottom: 5px;
    }
  }
}
.selectButton {
  font-weight: 600;
  text-align: center;
  background: linear-gradient(
    0deg,
    rgba(0, 180, 255, 0.4),
    rgba(0, 180, 255, 0.05)
  );
  border: 1px solid #00b4ff;
  border-radius: 3px;
}
.p2 {
  color: #ffffff;
  text-align: center;
  margin-top: 30px;
  font-size: 30px;
  font-family: Impact;
  font-weight: 400;
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 30px auto;
  & > span {
    display: inline-block;
    margin: 0 auto;
    & > span {
      margin-right: 10px;
      margin-left: 10px;
    }
  }
}
.box3 {
  width: 60%;
  height: 40%;
  background-image: url("../../../../assets/img/industry/bg-date.png");
  background-size: 100% 100%;
  margin: 20px auto;
  margin-top: 45px;
}
#quality2,
#quality {
  width: 100%;
}
#workmanship1 {
  & > div {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;

    & > div {
      width: 200px;
      // background: #7f95d9;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      box-sizing: border-box;
      height: 110px;
      text-align: center;
      color: #ebebeb;
      padding: 10px;

      & > div {
        width: 60%;
        height: 100%;
        text-align: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: 0 auto;
      }
      p {
        &:nth-of-type(1) {
          // text-align: center;
          // color: #20def3;
          font-size: 20px;

          color: #ffca12;
          padding-left: 10px;
          padding-top: 5px;
          box-sizing: border-box;
        }
        &:nth-of-type(2) {
          text-align: center;
          margin-top: 30px;
        }
      }
    }
    .xaiobox2 {
      & > div {
        background-image: url("../../../../assets/img/industry/zfParkOverviewDetailtwin/应急专家.png");
      }
    }
    .xaiobox1 {
      & > div {
        background-image: url("../../../../assets/img/industry/zfParkOverviewDetailtwin/应急物资.png");
      }
    }
    .xiaobox4 {
      & > div {
        background-image: url("../../../../assets/img/industry/zfParkOverviewDetailtwin/救援队伍.png");
      }
    }
    .xiaobox3 {
      & > div {
        background-image: url("../../../../assets/img/industry/zfParkOverviewDetailtwin/应急车辆.png");
      }
    }
  }
}
.protectionOverview {
  display: flex;
  justify-content: space-around;
  align-items: center;
  div {
    width: 140px;
    height: 50px;
    .i {
      width: 68px;
      height: 21px;
      font-size: 22px;
      color: #ffffff;
      background: linear-gradient(0deg, #ffca12 0%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-align: center;
      display: inline-block;
    }
    p {
      color: #ffffff;
      margin-top: 5px;
      font-size: 13px;
    }
  }
}
.el-top {
  margin: 0 5px;
  background-image: url("../../../../assets/img/industry/up@3x.png");
  background-size: 100% 100%;
  display: inline-block;
  width: 7px;
  height: 14px;
}
.el-bottom {
  margin: 0 5px;
  background-image: url("../../../../assets/img/industry/down@3x.png");
  background-size: 100% 100%;
  display: inline-block;
  width: 7px;
  height: 14px;
}
/deep/ .el-dialog__body {
  padding: 10px 20px;
}
/deep/ .el-dialog {
  background: #041c60;
}
/deep/.el-dialog__title {
  font-size: 16px;
  color: #ffffff;
}
/deep/ .table-row1 {
  background-color: #082560 !important;
  color: #52ccff;
}
/deep/ .table-row2 {
  background-color: #051e79 !important;
  color: #52ccff;
}
/deep/ .el-table {
  background: transparent !important;
}
/deep/ .el-table td,
.el-table th.is-leaf {
  border: none !important;
}
/deep/ .has-gutter {
  background: #163696 !important;
  border: none;
  tr {
    background: #163696 !important;
    border: none;
    th {
      background: #163696 !important;
      color: #ffffff;
      font-size: 12px;
      border: none !important;
    }
  }
}
/deep/ .el-table__cell.gutter {
  width: 0 !important;
}
.tabs2 {
  position: absolute;
  color: #52ccff;
  font-size: 12px;
  right: 0;
  top: 36px;
}
/deep/.customWidth {
  width: 90% !important;
}
/deep/ .customWidth1 {
  width: 50% !important;
}
/deep/.el-table--scrollable-y ::-webkit-scrollbar {
  display: none;
  background: transparent;
}
/deep/ .el-table__body {
  width: 100% !important;

}
// emergencyCarList 应急车辆
//emergencyList 应急物资
//teamList  救援队伍
 .el-table tbody tr:hover > td {
  background-color: #5f83ff !important;
}
 /deep/ .el-table tbody tr:hover > td {
  background-color: #5f83ff !important;
}
/deep/ .table-row3 {
  background-color: #082560 !important;
  color: #ffffff;
  font-size: 12px;
}
/deep/ .table-row4 {
  background-color: #051e79 !important;
  color: #ffffff;
   font-size: 12px;
}
</style>
